*{margin:0;padding:0;box-sizing:border-box;}
body{
    background:#000;color:#fff;
    font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",sans-serif;
    min-height:100vh;
}
a{color:inherit;}

/* ---------- nav ---------- */
nav.topnav{
    position:sticky;top:0;z-index:50;
    display:flex;align-items:center;justify-content:space-between;
    gap:16px;
    padding:16px 24px;
    background:rgba(0,0,0,0.85);
    backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
    border-bottom:1px solid #1f1f1f;
}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;flex-shrink:0;}
.brand img{width:26px;height:26px;}
.brand span{font-size:16px;font-weight:700;color:#fff;}
.navlinks{display:flex;align-items:center;gap:22px;overflow-x:auto;scrollbar-width:none;}
.navlinks::-webkit-scrollbar{display:none;}
.navlinks a{
    font-size:14px;color:#bdbdbd;text-decoration:none;white-space:nowrap;
    transition:color .2s ease;
}
.navlinks a:hover,.navlinks a.active{color:#fff;}
.navlinks a.cta{
    color:#000;background:#fff;padding:8px 16px;border-radius:20px;font-weight:600;
}
.navlinks a.cta:hover{opacity:0.88;}
@media(max-width:640px){
    nav.topnav{padding:14px 16px;}
    .brand span{display:none;}
    .navlinks{gap:16px;}
}

/* ---------- shared page shell ---------- */
.container{max-width:700px;margin:auto;padding:60px 24px;}
.container.wide{max-width:760px;}
.logo{text-align:center;margin-bottom:40px;}
.logo img{width:100px;}
h1{text-align:center;font-size:46px;font-weight:700;margin-bottom:16px;line-height:1.1;}
.subtitle{text-align:center;color:#bdbdbd;font-size:19px;line-height:1.6;margin-bottom:50px;}
.updated{text-align:center;color:#888;font-size:15px;margin-bottom:50px;}

h2{font-size:22px;margin-top:44px;margin-bottom:14px;color:#fff;border-bottom:1px solid #2c2c2c;padding-bottom:10px;}
h3{font-size:15px;margin-top:26px;margin-bottom:8px;color:#fff;}
p,li{color:#d0d0d0;font-size:15.5px;margin-bottom:14px;line-height:1.7;}
ul{padding-left:22px;margin-bottom:14px;}
.legalbody a{color:#8ab4ff;}

.card{
    display:flex;align-items:center;justify-content:space-between;
    text-decoration:none;color:white;
    border:2px solid #2c2c2c;border-radius:28px;padding:24px;margin-bottom:20px;
    transition:.25s ease;
}
.card:hover{border-color:white;transform:translateY(-2px);}
.left{display:flex;align-items:center;gap:18px;}
.icon{width:50px;height:50px;border:2px solid white;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.icon svg{width:24px;height:24px;stroke:white;fill:none;stroke-width:2;}
.title{font-size:20px;font-weight:600;}
.card .desc{font-size:13.5px;color:#999;margin-top:2px;}
.arrow{font-size:28px;flex-shrink:0;}

.contact-box{margin-top:50px;padding:24px;border:2px solid #2c2c2c;border-radius:20px;text-align:center;}
.contact-box a{font-size:18px;text-decoration:none;color:#fff;}

.footer{text-align:center;margin-top:60px;color:#777;font-size:14px;}
.footer a{color:#999;text-decoration:none;}
.footer a:hover{color:#fff;}

.sectionlabel{font-size:12px;letter-spacing:1.5px;text-transform:uppercase;color:#888;margin:0 0 14px;}

@media(max-width:600px){
    h1{font-size:36px;}
    .subtitle{font-size:17px;}
    .title{font-size:18px;}
}