.legal-page{--l-blue:#2563eb;--l-ink:#101828;--l-text:#344054;--l-muted:#667085;--l-line:#e4e7ec;--l-bg:#f5f7fb;min-height:calc(100vh - 70px);padding:28px 0 60px;background:linear-gradient(180deg,#f8fafc 0,#f5f7fb 100%);color:var(--l-text)}
.legal-shell{max-width:1180px;margin:0 auto;padding:0 18px}.legal-hero{position:relative;overflow:hidden;padding:30px;border:1px solid #dbe5f4;border-radius:22px;background:linear-gradient(135deg,#0f2f6b,#2563eb);color:#fff;box-shadow:0 18px 44px rgba(37,99,235,.13)}
.legal-hero:after{content:"";position:absolute;width:260px;height:260px;right:-115px;top:-125px;border-radius:50%;border:1px solid rgba(255,255,255,.18);box-shadow:0 0 0 38px rgba(255,255,255,.03),0 0 0 76px rgba(255,255,255,.02)}.legal-kicker{position:relative;z-index:1;display:inline-flex;align-items:center;gap:7px;margin-bottom:9px;font-size:10px;font-weight:850;letter-spacing:.1em;text-transform:uppercase;color:#dbeafe}.legal-hero h1{position:relative;z-index:1;margin:0;font-size:clamp(26px,4vw,38px);font-weight:900;letter-spacing:-.04em}.legal-hero p{position:relative;z-index:1;max-width:790px;margin:10px 0 0;color:rgba(255,255,255,.84);line-height:1.7;font-size:13px}.legal-meta{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.legal-meta span{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(255,255,255,.1);font-size:10px;font-weight:750}
.legal-tabs{display:flex;gap:7px;overflow:auto;margin:14px 0 20px;padding:8px;border:1px solid var(--l-line);border-radius:13px;background:#fff;scrollbar-width:thin}.legal-tabs a{white-space:nowrap;padding:8px 11px;border-radius:8px;color:#667085;text-decoration:none;font-size:10px;font-weight:800}.legal-tabs a:hover,.legal-tabs a.active{background:#eff6ff;color:#1d4ed8}
.legal-layout{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:20px}.legal-card{margin-bottom:14px;padding:21px 22px;border:1px solid var(--l-line);border-radius:15px;background:#fff;box-shadow:0 7px 20px rgba(16,24,40,.04)}.legal-card h2{display:flex;align-items:center;gap:8px;margin:0 0 10px;color:var(--l-ink);font-size:17px;font-weight:850}.legal-card h2 i{color:var(--l-blue)}.legal-card h3{margin:15px 0 7px;color:var(--l-ink);font-size:13px;font-weight:800}.legal-card p,.legal-card li{font-size:12px;line-height:1.75;color:var(--l-text)}.legal-card p:last-child{margin-bottom:0}.legal-card a{color:#1d4ed8;font-weight:700}.legal-list{margin:0;padding-left:18px}.legal-list li+li{margin-top:5px}
.legal-side{align-self:start;position:sticky;top:88px;display:grid;gap:12px}.legal-side-card{padding:17px;border:1px solid var(--l-line);border-radius:14px;background:#fff}.legal-side-card h3{margin:0 0 10px;color:var(--l-ink);font-size:12px;font-weight:850}.legal-contact-row{display:flex;gap:8px;align-items:flex-start;padding:8px 0;border-top:1px solid #f0f2f5;font-size:10px;color:#667085}.legal-contact-row:first-of-type{border-top:0}.legal-contact-row i{margin-top:1px;color:var(--l-blue)}.legal-contact-row strong{display:block;color:#344054;font-size:10px}.legal-contact-row a{word-break:break-word;color:#1d4ed8;text-decoration:none}
.legal-alert{display:flex;align-items:flex-start;gap:10px;margin-bottom:14px;padding:13px 14px;border:1px solid #bfdbfe;border-radius:12px;background:#eff6ff;color:#1e40af;font-size:11px;line-height:1.55}.legal-alert.warn{border-color:#fde68a;background:#fffbeb;color:#854d0e}.legal-alert.danger{border-color:#fecaca;background:#fef2f2;color:#991b1b}.legal-alert.success{border-color:#bbf7d0;background:#f0fdf4;color:#166534}.legal-alert i{font-size:16px;margin-top:1px}
.legal-form{display:grid;gap:14px}.legal-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.legal-field label{display:block;margin-bottom:6px;color:#344054;font-size:10px;font-weight:800}.legal-field .form-control,.legal-field .form-select{min-height:44px;border:1px solid #d0d5dd;border-radius:9px;font-size:12px;box-shadow:none}.legal-field textarea.form-control{min-height:130px;resize:vertical}.legal-field .form-control:focus,.legal-field .form-select:focus{border-color:#84a7f8;box-shadow:0 0 0 3px rgba(37,99,235,.08)}.legal-help{margin-top:5px;color:#98a2b3;font-size:9px;line-height:1.5}.legal-submit{min-height:45px;border-radius:9px;font-size:11px;font-weight:850}
.legal-check{display:flex;align-items:flex-start;gap:9px;padding:12px;border:1px solid #e4e7ec;border-radius:10px;background:#f8fafc}.legal-check input{width:17px;height:17px;flex:0 0 17px;margin-top:2px;accent-color:#2563eb}.legal-check label{font-size:10px;line-height:1.55;color:#475467}.legal-ticket{display:inline-flex;align-items:center;gap:7px;padding:8px 10px;border-radius:8px;background:#ecfdf3;color:#067647;font-size:10px;font-weight:850}
.legal-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:15px}.legal-actions .btn{border-radius:9px;font-size:10px;font-weight:800}
@media(max-width:900px){.legal-layout{grid-template-columns:1fr}.legal-side{position:static}.legal-form-grid{grid-template-columns:1fr}}
@media(max-width:560px){.legal-page{padding-top:18px}.legal-shell{padding:0 12px}.legal-hero{padding:23px 19px;border-radius:17px}.legal-card{padding:18px 16px}.legal-tabs{margin-top:10px}.legal-form-grid{grid-template-columns:1fr}}