*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Inter',system-ui,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#0f172a;background:#fff;line-height:1.5}
a{text-decoration:none;color:inherit}
ul{list-style:none}
img{max-width:100%;display:block}

/* ===== UTILITIES ===== */
.container{max-width:1280px;margin:0 auto;padding:0 1.5rem}
@media(min-width:640px){.container{padding:0 1.5rem}}
@media(min-width:1024px){.container{padding:0 2rem}}

/* ===== NAVBAR ===== */
.nav{position:fixed;top:0;left:0;right:0;z-index:50;transition:all .3s;background:rgba(255,255,255,.85);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(226,232,240,.6);box-shadow:0 1px 3px rgba(0,0,0,.04)}
.nav-inner{display:flex;align-items:center;justify-content:space-between;height:64px}
@media(min-width:1024px){.nav-inner{height:80px}}
.nav-logo{display:flex;align-items:center;gap:.5rem}
.nav-logo-icon{width:36px;height:36px;border-radius:10px;background:#0f172a;border:1px solid #2563eb;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(0,0,0,.1)}
.nav-logo-icon svg{width:18px;height:18px;color:#2563eb}
.nav-logo-text{font-size:13px;font-weight:900;color:#0f172a;letter-spacing:-.02em;line-height:1}
.nav-logo-dot{font-size:9px;color:#64748b;font-weight:600}
.nav-links{display:none;gap:2rem}
@media(min-width:1024px){.nav-links{display:flex}}
.nav-link{font-size:13px;font-weight:700;color:#475569;position:relative;transition:color .2s}
.nav-link:hover{color:#1558de}
.nav-link::after{content:'';position:absolute;bottom:-4px;left:0;width:0;height:2px;background:#ff8a3d;border-radius:2px;transition:width .3s}
.nav-link:hover::after{width:100%}
.nav-cta{display:none;font-size:13px;font-weight:700;color:#fff;background:linear-gradient(135deg,#3b82f6,#2563eb);padding:.6rem 1.25rem;border-radius:12px;box-shadow:0 4px 12px rgba(37,99,235,.2);transition:all .3s}
.nav-cta:hover{background:linear-gradient(135deg,#60a5fa,#3b82f6);box-shadow:0 6px 16px rgba(37,99,235,.3);transform:translateY(-2px)}
@media(min-width:1024px){.nav-cta{display:inline-flex}}

/* ===== PAGE HEADER ===== */
.bg-grid{position:fixed;inset:0;background-image:linear-gradient(rgba(29,110,241,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(29,110,241,.08) 1px,transparent 1px);background-size:48px 48px;z-index:-1}
.page-hero{position:relative;padding-top:120px;padding-bottom:3rem;overflow:hidden}
.page-hero-glow{position:absolute;top:-20%;right:-10%;width:500px;height:500px;border-radius:50%;filter:blur(80px);pointer-events:none;background:linear-gradient(135deg,rgba(29,110,241,.15),rgba(29,110,241,.05))}
.page-hero-inner{position:relative;text-align:center;max-width:800px;margin:0 auto}
.page-hero-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#eff6ff;border:1px solid rgba(191,219,254,.6);border-radius:9999px;font-size:12px;font-weight:900;color:#1d6ef1;text-transform:uppercase;letter-spacing:.05em;margin-bottom:1.5rem}
.page-hero-title{font-size:2.5rem;font-weight:900;line-height:1.08;letter-spacing:-.025em;color:#0f172a;margin-bottom:1rem}
@media(min-width:640px){.page-hero-title{font-size:3.5rem}}
@media(min-width:1024px){.page-hero-title{font-size:4rem}}
.page-hero-title span{background:linear-gradient(135deg,#3b82f6,#2563eb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}

/* ===== CONTENT ===== */
.legal-content{padding:2rem 0 5rem;position:relative}
.legal-content-inner{max-width:860px;margin:0 auto;background:#fff;border:1px solid #e2e8f0;border-radius:24px;padding:3rem;box-shadow:0 20px 60px -12px rgba(0,0,0,.06);position:relative}
@media(min-width:768px){.legal-content-inner{padding:4rem}}
.legal-section{margin-bottom:2.5rem}
.legal-section:last-child{margin-bottom:0}
.legal-section-title{font-size:1.5rem;font-weight:900;color:#0f172a;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:2px solid #eff6ff;letter-spacing:-.02em}
.legal-section-title-icon{display:inline-flex;align-items:center;gap:.5rem}
.legal-section-title-icon svg{width:20px;height:20px;color:#2563eb;flex-shrink:0}
.legal-section-title .highlight{background:linear-gradient(135deg,#3b82f6,#2563eb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.legal-block{background:#f8fafc;border:1px solid #f1f5f9;border-radius:16px;padding:1.5rem;margin-bottom:1rem}
.legal-block:last-child{margin-bottom:0}
.legal-block-title{font-size:1rem;font-weight:800;color:#0f172a;margin-bottom:.75rem}
.legal-block-title svg{width:16px;height:16px;color:#2563eb;vertical-align:middle;margin-right:.5rem}
.legal-block p{font-size:14px;color:#475569;line-height:1.7;margin-bottom:.5rem}
.legal-block p:last-child{margin-bottom:0}
.legal-info-item{display:flex;gap:.75rem;padding:.5rem 0;border-bottom:1px solid #f1f5f9;font-size:14px;color:#475569}
.legal-info-item:last-child{border-bottom:none}
.legal-info-label{font-weight:700;color:#0f172a;min-width:120px;flex-shrink:0}
.legal-info-value{color:#475569}
.legal-info-value strong{color:#0f172a}
.legal-list{list-style:none;display:flex;flex-direction:column;gap:.5rem}
.legal-list li{position:relative;padding-left:1.5rem;font-size:14px;color:#475569;line-height:1.6}
.legal-list li::before{content:'';position:absolute;left:0;top:8px;width:8px;height:8px;border-radius:50%;background:#2563eb;opacity:.5}
.legal-list li strong{color:#0f172a;display:block;font-size:13px;margin-bottom:2px}
.legal-sub-list{padding-left:1.5rem;margin-top:.25rem;list-style:none}
.legal-sub-list li{font-size:13px;color:#64748b;padding:.25rem 0;padding-left:1rem;position:relative}
.legal-sub-list li::before{width:4px;height:4px;background:#94a3b8;top:10px}
.legal-rights-grid{display:grid;grid-template-columns:1fr;gap:.75rem}
@media(min-width:640px){.legal-rights-grid{grid-template-columns:1fr 1fr}}
.legal-right-card{border:1px solid #e2e8f0;border-radius:12px;padding:1rem;transition:all .3s;background:#fff}
.legal-right-card:hover{border-color:#bfdbfe;box-shadow:0 4px 12px rgba(29,110,241,.06)}
.legal-right-card-title{font-size:12px;font-weight:900;color:#2563eb;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem}
.legal-right-card-desc{font-size:13px;color:#64748b;line-height:1.5}
.legal-table{width:100%;border-collapse:collapse;font-size:14px;margin-top:.5rem}
.legal-table th{text-align:left;font-size:11px;font-weight:900;color:#64748b;text-transform:uppercase;letter-spacing:.05em;padding:.5rem .75rem;border-bottom:2px solid #e2e8f0}
.legal-table td{padding:.5rem .75rem;border-bottom:1px solid #f1f5f9;color:#475569;vertical-align:top}
.legal-table tr:last-child td{border-bottom:none}
.legal-table td:first-child{font-weight:700;color:#0f172a;white-space:nowrap}

/* ===== FOOTER ===== */
.footer{background:#0f172a;color:#94a3b8;padding:4rem 0 2rem;border-top:1px solid rgba(255,255,255,.05)}
.footer-grid{display:grid;gap:3rem;margin-bottom:3rem}
@media(min-width:768px){.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr}}
.footer-brand-desc{font-size:14px;line-height:1.7;margin:1.5rem 0;max-width:300px}
.footer-title{font-size:14px;font-weight:900;color:#fff;text-transform:uppercase;letter-spacing:.1em;margin-bottom:1.5rem}
.footer-list{display:flex;flex-direction:column;gap:.75rem}
.footer-link{font-size:14px;color:#94a3b8;transition:all .3s;display:inline-flex;align-items:center;gap:.5rem}
.footer-link:hover{color:#fff;transform:translateX(4px)}
.footer-bottom{padding-top:2rem;border-top:1px solid rgba(255,255,255,.05);display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:1.5rem}
@media(min-width:768px){.footer-bottom{flex-direction:row}}
.footer-copy{font-size:13px}
.footer-socials{display:flex;gap:1rem}
.footer-social{width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.05);display:flex;align-items:center;justify-content:center;transition:all .3s;border:1px solid rgba(255,255,255,.1)}
.footer-social:hover{background:#2563eb;border-color:#2563eb;color:#fff;transform:translateY(-2px)}