*{
margin:0;
padding:0;
box-sizing:border-box;
font-family:Arial,Helvetica,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
-webkit-tap-highlight-color:transparent;
}

body{
background:
radial-gradient(circle at top,#123f8f 0%,#081325 40%,#02040a 100%);
color:#e7f0ff;
overflow-x:hidden;
line-height:1.65;
min-height:100vh;
}

body::before{
content:'';
position:fixed;
top:-120px;
left:50%;
transform:translateX(-50%);
width:480px;
height:480px;
border-radius:50%;
background:#2d8cff;
opacity:.14;
filter:blur(120px);
pointer-events:none;
}

body::after{
content:'';
position:fixed;
bottom:-80px;
right:-40px;
width:240px;
height:240px;
border-radius:50%;
background:rgba(148,78,255,.2);
filter:blur(90px);
pointer-events:none;
}

.wrapper{
max-width:720px;
margin:0 auto;
padding:20px 18px 48px;
position:relative;
z-index:1;
}

.topbar{
display:flex;
justify-content:space-between;
align-items:center;
margin-bottom:20px;
}

.brand{
display:flex;
align-items:center;
gap:10px;
text-decoration:none;
color:inherit;
}

.brand-mark{
width:36px;
height:36px;
border-radius:12px;
display:flex;
align-items:center;
justify-content:center;
font-size:18px;
background:linear-gradient(135deg,rgba(31,225,255,.25),rgba(148,78,255,.25));
border:1px solid rgba(255,255,255,.1);
box-shadow:0 0 18px rgba(61,173,255,.2);
}

.brand-mark img{
width:22px;
height:22px;
display:block;
}

.brand-name{
font-size:11px;
font-weight:900;
letter-spacing:.4px;
color:#fff;
line-height:1.25;
max-width:200px;
}

.back-link{
display:inline-flex;
align-items:center;
gap:6px;
margin-bottom:18px;
font-size:13px;
font-weight:700;
color:#35c8ff;
text-decoration:none;
}

.back-link:hover{
text-decoration:underline;
}

.page-hero{
margin-bottom:22px;
}

.page-title{
font-size:28px;
line-height:1.15;
font-weight:900;
letter-spacing:-.5px;
color:#fff;
margin-bottom:10px;
}

.page-lead{
font-size:15px;
color:rgba(231,240,255,.78);
max-width:640px;
}

.legal-nav{
display:flex;
flex-wrap:wrap;
gap:8px;
margin-bottom:24px;
}

.legal-nav a{
padding:8px 14px;
border-radius:999px;
font-size:11px;
font-weight:800;
letter-spacing:.3px;
text-decoration:none;
color:rgba(255,255,255,.85);
background:rgba(255,255,255,.05);
border:1px solid rgba(255,255,255,.08);
}

.legal-nav a:hover,
.legal-nav a.active{
color:#fff;
background:linear-gradient(90deg,#1fe1ff,#944eff);
border-color:transparent;
}

.legal-card{
padding:20px 18px;
margin-bottom:14px;
border-radius:22px;
background:linear-gradient(180deg,rgba(12,20,40,.95),rgba(6,10,22,.98));
border:1px solid rgba(255,255,255,.06);
box-shadow:0 10px 30px rgba(0,0,0,.2);
}

.legal-card h2{
font-size:18px;
font-weight:800;
color:#35c8ff;
margin-bottom:12px;
}

.legal-card h3{
font-size:14px;
font-weight:800;
color:#fff;
margin:16px 0 8px;
}

.legal-card p,
.legal-card li{
font-size:14px;
color:rgba(231,240,255,.78);
margin-bottom:10px;
}

.legal-card ul,
.legal-card ol{
padding-left:20px;
margin-bottom:10px;
}

.legal-card li{
margin-bottom:6px;
}

.legal-card a{
color:#35c8ff;
font-weight:700;
}

.legal-card strong{
color:#fff;
}

.contact-box{
padding:16px;
border-radius:18px;
background:rgba(37,223,255,.06);
border:1px solid rgba(37,223,255,.18);
margin-top:8px;
}

.contact-box p:last-child{
margin-bottom:0;
}

.site-footer{
margin-top:28px;
padding-top:18px;
border-top:1px solid rgba(255,255,255,.06);
font-size:12px;
color:rgba(255,255,255,.45);
text-align:center;
}

.site-footer a{
color:#35c8ff;
text-decoration:none;
font-weight:700;
}

.updated{
font-size:12px;
color:rgba(255,255,255,.45);
margin-top:8px;
}