.auth-page.legal-scroll-page{min-height:100dvh;place-items:start center;overflow-y:auto;padding-block:28px 56px}
.auth-card .legal-read-box{max-height:150px;overflow:auto;margin:4px 0 2px;padding:12px;border:1px solid #303030;border-radius:8px;background:#141414;color:#aaa;font-size:12px;line-height:1.55}
.auth-card .legal-read-box b{color:#f5f5f5}
.auth-card .legal-read-box a,.auth-check a{color:#d46a70}
.auth-card .auth-check span{display:block}
.legal-page{min-height:100dvh;background:#111;padding:28px 16px 56px;color:#f5f5f5}
.legal-card{width:min(920px,100%);margin:0 auto;background:#181818;border:1px solid #333;border-radius:12px;padding:clamp(22px,4vw,42px);box-shadow:0 20px 60px #0008}
.legal-card header{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:28px;padding-bottom:20px;border-bottom:1px solid #303030}
.legal-card h1{margin:0 0 8px;font-size:clamp(32px,5vw,52px);letter-spacing:-.045em}
.legal-card h2{margin:30px 0 10px;font-size:20px}
.legal-card p,.legal-card li{color:#b5b5b5;line-height:1.7}
.legal-card ul{padding-left:22px}
.legal-card a{color:#d46a70}
.legal-card .brand-mark{width:40px;height:40px;display:grid;place-items:center;border-radius:10px;background:#a1121a;color:#fff;text-decoration:none;font-size:13px;font-weight:800;flex:0 0 auto}
.legal-note{border:1px solid #3c3522;background:#211f18;color:#d9c28a;border-radius:8px;padding:12px;font-size:13px}
.legal-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px;padding-top:22px;border-top:1px solid #303030}
.legal-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:9px 14px;border-radius:8px;background:#242424;border:1px solid #3a3a3a;text-decoration:none;color:#f5f5f5}
@media(max-width:640px){.legal-card header{display:grid}.auth-card .legal-read-box{max-height:120px}}