.sp{max-width:760px;margin:0 auto}
.sp-top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;max-width:760px;margin:0 auto;padding:22px 20px 0}
.sp-top nav{display:flex;gap:14px;font-size:13px}
.sp-page{padding:36px 20px 80px}
.sp h1{font-size:30px;margin-bottom:10px}
.sp .lede{color:#B4BCD0;margin-bottom:28px;max-width:60ch}
.sp-card{margin-bottom:18px;padding:24px}
.sp-card h2{font-size:17px;margin-bottom:10px;color:#EDE9FE}
.sp-card p,.sp-card li{color:#CBD5E1;font-size:14.5px}
.sp-card p+p{margin-top:10px}
.sp-card ol,.sp-card ul{margin:8px 0 0;padding-left:20px}
.sp-doc section{padding:22px 0;border-top:1px solid var(--border)}
.sp-doc h2{font-size:18px;margin-bottom:8px;color:#EDE9FE}
.sp-doc p{color:#CBD5E1;white-space:pre-line}
.sp .alert-ok{background:rgba(16,185,129,.12);border:1px solid rgba(16,185,129,.3);color:#6EE7B7;padding:10px 14px;border-radius:8px;font-size:14px;margin-bottom:16px}
.sp .alert-error{background:rgba(244,63,94,.12);border:1px solid rgba(251,113,133,.28);color:#FDA4AF;padding:10px 14px;border-radius:8px;font-size:14px;margin-bottom:16px}
.sp-card input[type=text],.sp-card input[type=email],.sp-card input[type=password],.auth-box input[type=checkbox]{background:rgba(15,23,42,.72);color:#F8FAFC;border-color:var(--border-strong)}
.sp-card input[readonly]{opacity:.7}
.sp-card input:focus{border-color:#A78BFA;box-shadow:0 0 0 4px rgba(124,58,237,.18)}
.sp-card label.field>span{color:#CBD5E1}
.sp-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}
.check-line{display:flex;gap:10px;align-items:flex-start;margin:0 0 16px;font-size:13px;color:#CBD5E1;cursor:pointer}
.check-line input{width:18px;height:18px;margin:2px 0 0;flex:none;accent-color:#7C3AED}
.auth-legal{margin-top:10px;text-align:center}
.sp a:not(.btn){text-decoration:underline;text-underline-offset:3px}
@media(max-width:720px){.sp-grid{grid-template-columns:1fr}.sp h1{font-size:26px}.sp-card{padding:18px}.sp-page{padding:24px 16px 64px}}
@media(prefers-reduced-motion:no-preference){.sp-card{animation:spin .4s ease both}@keyframes spin{from{opacity:0;transform:translateY(6px)}}}