.legal-page{color:var(--brand-text);background:#f7f5f2;min-height:100vh}.legal-topbar{border-bottom:1px solid var(--border-soft);z-index:40;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff5;justify-content:space-between;align-items:center;height:78px;padding:0 max(4vw,32px);display:flex;position:sticky;top:0}.legal-topbar>div{align-items:center;gap:12px;display:flex}.legal-container{max-width:1040px;margin:0 auto;padding:48px 24px 84px}.legal-back{color:var(--text-secondary);align-items:center;gap:8px;margin-bottom:28px;font-size:12px;font-weight:750;display:inline-flex}.legal-back svg{width:16px;height:16px}.legal-hero{background:var(--brand-navy-dark);color:#fff;border-radius:28px;padding:clamp(30px,5vw,54px);position:relative;overflow:hidden}.legal-hero:after{content:"";background:radial-gradient(circle,#e5001957,#0000 62%);width:280px;height:280px;position:absolute;top:-120px;right:-80px}.legal-hero>*{z-index:1;position:relative}.legal-hero span{color:#ffabb3;letter-spacing:.07em;text-transform:uppercase;font-size:11px;font-weight:800;display:inline-flex}.legal-hero h1{font-family:var(--font-playfair), Georgia, serif;letter-spacing:-.035em;margin:15px 0;font-size:clamp(38px,5vw,58px);line-height:1.05}.legal-hero p{color:#ced5e0;max-width:710px;margin:0;font-size:15px;line-height:1.7}.legal-meta{flex-wrap:wrap;gap:10px;margin-top:24px;display:flex}.legal-meta b{color:#fff;background:#ffffff17;border:1px solid #ffffff1f;border-radius:999px;padding:8px 12px;font-size:10px}.legal-grid{grid-template-columns:repeat(3,1fr);gap:18px;margin-top:24px;display:grid}.legal-card{border:1px solid var(--border-soft);box-shadow:var(--shadow-card);background:#fff;border-radius:20px;flex-direction:column;gap:14px;min-height:250px;padding:22px;display:flex}.legal-card>span{background:var(--surface-danger);color:var(--brand-red);border-radius:14px;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.legal-card svg{width:21px;height:21px}.legal-card h2{color:var(--brand-navy-dark);margin:0;font-size:20px}.legal-card p{color:var(--text-secondary);margin:0;font-size:12px;line-height:1.65}.legal-card small{color:var(--risk-medium);letter-spacing:.06em;text-transform:uppercase;margin-top:auto;font-size:9px;font-weight:800}.legal-card a{color:var(--brand-red);align-items:center;gap:7px;margin-top:2px;font-size:12px;font-weight:800;display:inline-flex}.legal-card a svg{width:15px;height:15px}.legal-notice{background:#fff8ec;border:1px solid #efd5ad;border-radius:18px;align-items:flex-start;gap:14px;margin-top:22px;padding:18px 20px;display:flex}.legal-notice svg{color:var(--risk-medium);flex:none;width:21px;height:21px}.legal-notice strong{color:var(--brand-navy-dark);margin-bottom:4px;font-size:13px;display:block}.legal-notice p{color:var(--text-secondary);margin:0;font-size:12px;line-height:1.6}.legal-document{border:1px solid var(--border-soft);box-shadow:var(--shadow-card);background:#fff;border-radius:24px;margin-top:24px;overflow:hidden}.legal-document section{border-bottom:1px solid #ece8e2;padding:28px clamp(22px,4vw,42px)}.legal-document section:last-child{border-bottom:0}.legal-document h2{color:var(--brand-navy-dark);margin:0 0 12px;font-size:22px}.legal-document p{color:#4f5b70;margin:0;font-size:14px;line-height:1.78}.legal-document p+p{margin-top:12px}.legal-document ul{gap:9px;margin:16px 0 0;padding:0;list-style:none;display:grid}.legal-document li{color:#5d687b;padding-left:22px;font-size:13px;line-height:1.55;position:relative}.legal-document li:before{background:var(--brand-red);content:"";border-radius:50%;width:6px;height:6px;position:absolute;top:9px;left:4px}.legal-footer-actions{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}@media (max-width:850px){.legal-grid{grid-template-columns:1fr}.legal-card{min-height:0}}@media (max-width:560px){.legal-topbar{height:auto;min-height:72px;padding:14px 18px}.legal-topbar .button-secondary{display:none}.legal-container{padding:34px 18px 64px}.legal-hero{border-radius:22px}.legal-notice{flex-direction:column}.legal-footer-actions .button{width:100%}}.legal-back,.legal-card p,.legal-card a,.legal-notice p{font-size:14px}.legal-hero span,.legal-meta b,.legal-card small{font-size:12px}.legal-document li{font-size:14px}
