:root{
    --bg:#0d0d1a;
    --card:#1a1a2e;
    --card-2:#2a2a44;
    --orange:#f39c12;
    --orange-dark:#e67e22;
    --green:#2ecc71;
    --red:#e74c3c;
    --blue:#164f91;
    --text-muted:#888;
    --text-light:#ccc;
}
*{margin:0;padding:0;box-sizing:border-box;font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;}
body{min-height:100vh;background:var(--bg);color:#fff;padding:12px;line-height:1.7;}
.wrap{max-width:900px;margin:0 auto;}

.top-navbar{
    max-width:1200px;margin:0 auto 20px;display:flex;align-items:center;justify-content:space-between;
    background:linear-gradient(135deg, #164f91, #0b2d5c);padding:8px 18px;border-radius:14px;
    box-shadow:0 4px 15px rgba(0,0,0,0.4);height:60px;
}
.navbar-brand{display:flex;align-items:center;text-decoration:none;}
.navbar-brand svg{height:44px;width:auto;vertical-align:middle;}
.nav-right-badge{background:var(--green);color:#0b2d5c;padding:5px 14px;border-radius:20px;font-size:0.8rem;font-weight:700;white-space:nowrap;text-decoration:none;}
@media (max-width:600px){
    .top-navbar{padding:6px 12px;height:52px;margin-bottom:15px;border-radius:10px;}
    .navbar-brand svg{height:38px;}
    .nav-right-badge{font-size:0.7rem;padding:4px 10px;}
}

.page-card{
    background:var(--card);padding:30px 25px;border-radius:24px;max-width:900px;margin:0 auto 24px;
    box-shadow:0 10px 40px rgba(0,0,0,0.4);
}
@media (max-width:600px){ .page-card{padding:20px 16px;} }

.page-card h1{color:var(--orange);font-size:1.8rem;margin-bottom:6px;}
.page-card .updated{color:var(--text-muted);font-size:0.85rem;margin-bottom:20px;}
.page-card h2{color:var(--orange);font-size:1.15rem;margin:24px 0 8px;}
.page-card p, .page-card li{color:var(--text-light);font-size:0.95rem;margin-bottom:8px;}
.page-card ul{padding-left:20px;margin-bottom:10px;}
.page-card a{color:var(--orange);text-decoration:none;}
.page-card a:hover{color:var(--orange-dark);}

.info-box{
    background:var(--bg);border-left:4px solid var(--orange);padding:14px 16px;border-radius:10px;margin:16px 0;
}
.info-box p{margin-bottom:0;color:var(--text-light);font-size:0.9rem;}

.footer{
    max-width:1200px;margin:30px auto 0;padding:20px;text-align:center;color:#555;font-size:0.85rem;
    border-top:1px solid var(--card);
}
.footer a{color:var(--orange);text-decoration:none;}
.footer .flinks{margin-top:10px;display:flex;justify-content:center;gap:18px;flex-wrap:wrap;}