:root{--panel:rgba(16,19,19,.72);--gold:#c79942;--gold2:#e4bd69;--parch:#e5d5b4;--parch2:#c7b99d;--err:#ff9a86;--ok:#9fd3a0}
body.sp{min-height:100vh;background:#0d0a08 url(/assets/landing/scene/gates-lq.webp?v=21d8b59c) center top/cover fixed;color:var(--parch)}
body.sp::before{content:"";position:fixed;inset:0;background:linear-gradient(180deg,#0d0a08dd,#0d0a08bb 40%,#0d0a08ee);z-index:0}
.sp-wrap{position:relative;z-index:1;max-width:760px;margin:0 auto;padding:110px 20px 60px}
@media (max-width:560px){.sp-wrap{padding-top:128px;padding-left:16px;padding-right:16px}}
.sp-wrap h1{font-family:'Monomakh','Kurale',serif;font-weight:400;font-size:clamp(34px,6vw,52px);line-height:1.1;margin:0 0 10px;color:#f1e1ba;text-shadow:0 2px 12px #000}
.sp-lead{font-size:18px;color:var(--parch);margin:0 0 22px}
.sp-tabs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}
.sp-tab{font:inherit;font-size:18px;min-height:44px;padding:8px 20px;border:1px solid #8b6a45;border-radius:4px;background:#0d0a0899;color:var(--parch);cursor:pointer}
.sp-tab[aria-selected=true]{background:linear-gradient(#d8a94e,#b7852f);color:#1a120a;border-color:#e9c373}
.sp-tab:focus-visible,.sp-btn:focus-visible,.sp-in:focus-visible{outline:3px solid #ffd27a;outline-offset:3px}
.sp-card{background:var(--panel);border:1px solid #6a5d4888;border-radius:6px;padding:24px;backdrop-filter:blur(6px);box-shadow:0 10px 30px #000a}
@media (max-width:560px){.sp-card{padding:18px 16px}}
.sp-field{margin-bottom:20px}
.sp-field label{display:block;font-size:18px;color:#f1e1ba;margin-bottom:6px}
.sp-hint{font-size:16px;color:var(--parch2);margin:4px 0 0}
.sp-in{width:100%;font:inherit;font-size:18px;line-height:1.45;color:#f6eed8;background:#0a0807cc;border:1px solid #8b6a45;border-radius:4px;padding:10px 12px;min-height:44px}
textarea.sp-in{min-height:170px;resize:vertical}
.sp-in[aria-invalid=true]{border-color:var(--err)}
.sp-row{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.sp-cnt{font-size:16px;color:var(--parch2);white-space:nowrap}
.sp-err{font-size:16px;color:var(--err);margin:4px 0 0;min-height:0}
.sp-err:empty{display:none}
.sp-warn{font-size:16px;color:var(--parch2);border-left:3px solid var(--gold);padding:2px 0 2px 12px;margin:0 0 20px}
.sp-btn{font:inherit;font-family:'Monomakh','Kurale',serif;font-size:18px;min-height:48px;padding:10px 26px;border-radius:4px;border:1px solid #e9c373;background:linear-gradient(#d8a94e,#b7852f);color:#1a120a;cursor:pointer;box-shadow:0 2px 14px #c7994255}
.sp-btn[disabled]{opacity:.6;cursor:wait}
.sp-btn--ghost{background:#0d0a0866;color:var(--parch);border-color:#8b6a45;box-shadow:none}
.sp-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:6px}
.sp-ok{font-family:'Monomakh','Kurale',serif;font-weight:400;font-size:26px;margin:0 0 10px;color:#f1e1ba}
.sp-num{display:block;font-family:'Kurale',serif;font-size:clamp(24px,5.4vw,40px);letter-spacing:.06em;color:var(--gold2);background:#0a0807cc;border:1px dashed var(--gold);border-radius:4px;padding:14px 12px;margin:14px 0;text-align:center;user-select:all;-webkit-user-select:all;overflow-wrap:anywhere}
.sp-status{display:inline-block;font-size:16px;padding:4px 12px;border-radius:99px;border:1px solid;margin-bottom:12px}
.sp-status--wait{color:#e4bd69;border-color:#c79942}
.sp-status--ans{color:var(--ok);border-color:#6aa56c}
.sp-status--closed{color:var(--parch2);border-color:#8b6a45}
.sp-box{background:#0a080799;border:1px solid #5a4d3a;border-radius:4px;padding:12px 14px;margin:0 0 14px;white-space:pre-wrap;overflow-wrap:anywhere}
.sp-box h3{font-family:'Kurale',serif;font-weight:400;font-size:16px;color:var(--parch2);margin:0 0 4px}
.sp-box p{margin:0;font-size:18px;white-space:pre-wrap}
.sp-box--reply{border-color:#6aa56c}
.sp-msg{font-size:18px;padding:12px 14px;border-radius:4px;border:1px solid var(--err);color:#ffd2c8;background:#2a0f0a99;margin-bottom:16px}
.sp-date{font-size:16px;color:var(--parch2);margin:0 0 12px}
[hidden]{display:none!important}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}


.sp-btn,.sp-tab{font-family:'Kurale',serif}
.sp-btn{font-size:18px}

@media (max-width:560px){
  .sp-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .sp-tab{padding:8px 6px;font-size:17px;white-space:nowrap;text-align:center}
}
.sp-req{font-size:16px;color:var(--parch2);margin:0 0 16px}
.sp-copyfail{color:var(--err)}
.sp-reply-date{font-size:16px;color:var(--parch2);margin:0 0 6px}
.sp-box h3{font-size:18px;color:#f1e1ba}
.sp-num.sel{outline:2px solid var(--gold2)}

@media (max-height:700px){
  .sp-wrap{padding-top:68px;padding-bottom:24px}
  .sp-wrap h1{font-size:30px;margin-bottom:4px}
  .sp-lead{font-size:17px;margin-bottom:10px}
  .sp-tabs{margin-bottom:10px}
  .sp-card{padding:14px 20px}
  .sp-ok{font-size:22px;margin-bottom:4px}
  .sp-num{margin:8px 0;padding:10px 12px;font-size:30px}
  .sp-warn{margin-bottom:12px}
  .sp-field{margin-bottom:12px}
  textarea.sp-in{min-height:110px}
  .sp-compact h1{display:none}
  .sp-compact .sp-wrap,.sp-wrap.sp-compact{padding-top:62px}
}
.sp-hp{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}
.sp-hp input{width:1px;height:1px}
noscript .sp-msg{max-width:760px;margin:110px auto 0}