@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap');

:root{
    --bg:#071109;
    --bg2:#0d1710;
    --panel:#121c14;
    --panel2:#17261b;
    --text:#f3fff5;
    --muted:#bfd0c2;
    --green:#14d46f;
    --green-dark:#0db45d;
    --yellow:#ffd33d;
    --yellow-dark:#f4b400;
    --border:rgba(255,255,255,.08);
    --shadow:0 14px 40px rgba(0,0,0,.25);
    --radius:22px;
}

*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
    font-family:'Poppins',sans-serif;
    color:var(--text);
    background:
        radial-gradient(circle at top right, rgba(20,212,111,.15), transparent 28%),
        radial-gradient(circle at top left, rgba(255,211,61,.10), transparent 24%),
        linear-gradient(180deg,var(--bg) 0%, var(--bg2) 50%, #0f1712 100%);
}
a{color:var(--yellow);text-decoration:none}
a:hover{text-decoration:underline}
.container{width:min(1180px,92%);margin:0 auto}
.hero{padding:72px 0 42px}
.badge{
    display:inline-flex;
    align-items:center;
    gap:8px;
    background:rgba(20,212,111,.09);
    border:1px solid rgba(20,212,111,.26);
    color:#9cf3c0;
    padding:10px 15px;
    border-radius:999px;
    font-size:13px;
    font-weight:700;
    letter-spacing:.3px;
}
.hero h1{
    margin:18px 0 14px;
    font-size:clamp(34px,5vw,58px);
    line-height:1.05;
}
.lead{
    max-width:920px;
    font-size:17px;
    line-height:1.9;
    color:var(--muted);
}
.actions{
    display:flex;
    flex-wrap:wrap;
    gap:14px;
    margin-top:24px;
}
.btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:50px;
    padding:14px 22px;
    border-radius:16px;
    font-weight:700;
    box-shadow:var(--shadow);
    transition:.18s ease;
}
.btn:hover{
    transform:translateY(-2px);
    text-decoration:none;
}
.btn-primary{
    background:linear-gradient(135deg,var(--green),var(--green-dark));
    color:#041008;
}
.btn-secondary{
    background:linear-gradient(135deg,var(--yellow),var(--yellow-dark));
    color:#221900;
}
.grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:24px;
}
.card{
    background:linear-gradient(180deg,var(--panel),var(--panel2));
    border:1px solid var(--border);
    border-radius:var(--radius);
    padding:28px;
    margin-bottom:24px;
    box-shadow:var(--shadow);
}
.card h2{
    margin:0 0 14px;
    font-size:28px;
}
.card h3{
    margin:20px 0 10px;
    font-size:20px;
}
.card p,.card li{
    color:var(--muted);
    line-height:1.95;
    font-size:15.5px;
}
.card ul{padding-left:20px}
.columns-2{columns:2;column-gap:30px}
.columns-3{columns:3;column-gap:28px}
.related-links li{break-inside:avoid;margin-bottom:10px}
.notice{
    border:1px solid rgba(255,211,61,.24);
    background:rgba(255,211,61,.08);
    color:#ffe88f;
    padding:16px 18px;
    border-radius:16px;
    margin-bottom:22px;
}
.metric-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:14px;
}
.metric{
    background:rgba(255,255,255,.03);
    border:1px solid var(--border);
    border-radius:18px;
    padding:16px;
}
.metric strong{
    display:block;
    font-size:22px;
    margin-bottom:6px;
    color:#fff;
}
.faq-item{
    padding:14px 0;
    border-bottom:1px solid var(--border);
}
.faq-item:last-child{border-bottom:0}
.footer{
    border-top:1px solid var(--border);
    padding:28px 0 40px;
    margin-top:20px;
}
.footer p{margin:0;color:var(--muted)}
.admin-wrap{padding:36px 0 60px;min-height:100vh}
.form-wrap{max-width:860px}
label{
    display:block;
    margin-bottom:8px;
    font-weight:700;
}
input[type="number"]{
    width:100%;
    padding:14px 16px;
    border-radius:14px;
    border:1px solid #334236;
    background:#0b130d;
    color:#fff;
    font-size:15px;
    margin-bottom:14px;
}
button{
    border:0;
    border-radius:14px;
    padding:14px 20px;
    font-weight:800;
    cursor:pointer;
    background:linear-gradient(135deg,var(--green),var(--green-dark));
    color:#041008;
}
.log{
    margin-top:18px;
    padding:16px 18px;
    border-radius:16px;
    background:rgba(20,212,111,.08);
    border:1px solid rgba(20,212,111,.25);
    color:#a2f0c0;
    white-space:pre-line;
}
.small{font-size:13px;color:var(--muted)}
@media (max-width:980px){
    .grid{grid-template-columns:1fr}
    .metric-grid{grid-template-columns:1fr}
    .columns-3{columns:2}
}
@media (max-width:680px){
    .columns-2,.columns-3{columns:1}
}