@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Georgian:wght@400;500;600;700;800;900&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#101110;--panel:#191b18;--line:#30332c;--text:#f1f2eb;--muted:#a8afa0;--acid:#c4fa5d}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.65 'Space Grotesk','Noto Sans Georgian',sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.6}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--acid);outline-offset:5px}header{max-width:1600px;margin:auto;min-height:104px;padding:24px 5%;display:flex;align-items:center;gap:36px;border-bottom:1px solid var(--line)}.brand{display:flex;gap:12px;align-items:center;font-weight:700;letter-spacing:1px;white-space:nowrap}.brand small{display:block;font-size:10px;letter-spacing:1.8px;font-weight:400;color:var(--muted)}.logo{display:grid;place-items:center;background:var(--acid);color:#101110;font-size:34px;line-height:1;font-weight:700;width:44px;height:44px;transform:skew(-7deg)}nav{display:flex;gap:25px;margin-left:auto}nav a{font-size:14px;color:var(--muted);padding:8px 0}nav a.active{color:var(--acid)}.header-end{display:flex;align-items:center;gap:25px}#language{border:0;background:none;color:var(--text);font-size:14px;white-space:nowrap}#language span{color:var(--muted)}.button{display:inline-flex;justify-content:center;align-items:center;gap:18px;padding:16px 24px;background:var(--acid);color:#13180b;border:1px solid var(--acid);font-weight:700;font-size:15px;transition:transform .2s,background .2s}.button:hover{background:#d6ff88;transform:translateY(-2px)}.button.secondary{background:transparent;color:var(--text);border-color:#555c4c}.button.compact{padding:10px 17px;font-size:14px}main{max-width:1600px;margin:auto;padding:0 5%}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(48px,6vw,94px);letter-spacing:-.055em;line-height:1.02;font-weight:700;margin-bottom:28px}html[lang=ka] h1{font-size:clamp(37px,4.7vw,72px);letter-spacing:-.035em;line-height:1.25}h2{font-size:clamp(28px,3vw,42px);line-height:1.2;letter-spacing:-1.5px;margin-bottom:20px}h3{font-size:21px;line-height:1.35}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:700;text-transform:uppercase;color:var(--acid);display:flex;align-items:center;gap:12px;margin-bottom:28px}.eyebrow:before{content:'';width:25px;height:2px;background:var(--acid)}.hero{position:relative;min-height:620px;display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:32px;overflow:hidden;padding:65px 0}.hero p{max-width:510px;color:var(--muted);font-size:18px}.accent{color:var(--acid)}.actions{display:flex;gap:14px;flex-wrap:wrap;margin:32px 0 18px}.micro{font-size:13px!important;color:var(--muted)}.z-stage{min-height:420px;position:relative;display:grid;place-items:center;background:radial-gradient(ellipse at center,#354223 0,transparent 68%)}.giant-z{font-size:clamp(260px,34vw,530px);font-weight:700;letter-spacing:-50px;line-height:1;color:var(--acid);transform:skew(-9deg);text-shadow:12px 12px 0 #465632;user-select:none}.orbit{position:absolute;inset:4%;border:1px solid #454e37;transform:rotate(-12deg)}.orbit.second{inset:15% -5%;transform:rotate(15deg);border-color:#2c3524}.stage-label{position:absolute;bottom:2%;right:2%;font-size:12px;letter-spacing:2px;color:var(--muted)}.status-strip{display:grid;grid-template-columns:1.1fr .8fr 1.3fr auto;gap:25px;padding:26px 30px;background:var(--panel);border:1px solid var(--line);align-items:center}.label{display:block;text-transform:uppercase;font-size:12px;letter-spacing:1.4px;color:var(--muted);margin-bottom:6px}.value{font-size:18px;font-weight:600}.status-value{display:flex;gap:10px;align-items:center}.dot{width:7px;height:7px;border-radius:100%;background:#a8afa0}.dot.online{background:var(--acid)}.copy{background:none;border:1px solid var(--line);color:var(--text);padding:8px 15px;font-size:14px}.section{padding:80px 0;border-bottom:1px solid var(--line)}.section-head{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:30px}.section-head h2{margin-bottom:0}.text-link{font-size:14px;color:var(--acid)}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{background:var(--panel);border:1px solid var(--line);padding:28px}.card p{color:var(--muted);margin-bottom:0}.number{display:block;color:var(--acid);margin-bottom:35px;font-size:14px}.split{display:grid;grid-template-columns:1.4fr 1fr;gap:44px}.empty{border:1px solid var(--line);padding:35px;color:var(--muted);min-height:150px;display:flex;flex-direction:column;justify-content:center}.empty strong{color:var(--text);font-weight:500;margin-bottom:8px}.cta{margin:70px 0;padding:44px;background:var(--acid);color:#11180a;display:flex;justify-content:space-between;align-items:center;gap:24px}.cta h2{margin-bottom:10px}.cta p{margin:0}.cta .button{background:#11180a;border-color:#11180a;color:var(--acid);flex-shrink:0}footer{max-width:1600px;margin:auto;padding:35px 5%;display:flex;gap:35px;align-items:center;color:var(--muted);font-size:13px}footer .brand{color:var(--text)}footer p{margin:0}footer>span{margin-left:auto;white-space:nowrap}.page-head{padding:70px 0 35px;max-width:850px}.page-head h1{font-size:56px}.page-head p{color:var(--muted)}.page-body{min-height:420px;margin-bottom:70px}.toolbar{display:flex;gap:15px;margin:25px 0}.toolbar input{flex:1;min-width:0}input,select{background:var(--panel);border:1px solid #555c4c;padding:13px 16px;color:var(--text);border-radius:0}table{width:100%;border-collapse:collapse}th,td{text-align:left;border-bottom:1px solid var(--line);padding:18px;white-space:nowrap}th{font-size:12px;color:var(--muted);font-weight:500;text-transform:uppercase;letter-spacing:1px}.table-wrap{overflow:auto}.download-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:30px}.download-main{border-top:3px solid var(--acid)}.download-main .logo{margin-bottom:30px;width:65px;height:65px;font-size:52px}.steps{list-style:none;counter-reset:steps;padding:0}.steps li{counter-increment:steps;display:flex;gap:18px;margin-bottom:25px}.steps li:before{content:'0' counter(steps);color:var(--acid);font-weight:700}.steps p{color:var(--muted);margin:5px 0 0}.notice{border-left:2px solid var(--acid);padding:15px 20px;background:var(--panel);color:var(--muted);margin:25px 0}.rules{display:grid;gap:15px}.rules .card{display:flex;gap:25px}.rules .number{margin:0}.rules h3{margin-bottom:8px}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--acid);color:#111;padding:12px 24px;display:none;z-index:10}.toast.show{display:block}.menu{display:none}.skip{position:fixed;left:10px;top:-60px;background:var(--acid);color:#111;padding:12px;z-index:20}.skip:focus{top:10px}.news-item{display:block;border-bottom:1px solid var(--line);padding:22px 0}.news-item h3{margin:5px 0 10px}.news-item p{color:var(--muted)}.article{max-width:850px;white-space:pre-wrap}.pager{display:flex;gap:20px;align-items:center;margin-top:25px}.muted{color:var(--muted)}@media(min-width:1000px){.hero-copy{animation:enter .6s ease both}}@keyframes enter{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1150px){header{gap:20px}nav{gap:15px}.header-end .compact{display:none}.status-strip{grid-template-columns:1fr 1fr}.giant-z{letter-spacing:-25px}}@media(max-width:760px){header{padding:20px 5%;min-height:85px;flex-wrap:wrap;gap:16px}.brand small{font-size:9px}.menu{display:block;margin-left:auto;background:none;border:1px solid var(--line);color:var(--text);padding:6px 13px;font-size:21px}.header-end{order:2}nav{display:none;order:3;width:100%;flex-wrap:wrap;margin:0;gap:12px 23px}nav.open{display:flex}.hero{grid-template-columns:1fr;gap:0;padding:45px 0 30px;min-height:0}.hero h1{font-size:58px}.hero p{font-size:16px}.z-stage{min-height:240px;margin:20px 20px 30px}.giant-z{font-size:270px;letter-spacing:-15px}.orbit{inset:10% 15%}.orbit.second{inset:20% 7%}.stage-label{right:5%;bottom:0}.status-strip{padding:22px 18px;gap:25px 15px}.value{font-size:15px}.status-strip .address{grid-column:1/-1}.status-strip .copy{grid-column:1/-1}.features,.split,.download-grid{grid-template-columns:1fr}.section{padding:50px 0}.section-head{align-items:start}.section-head h2{font-size:28px}.text-link{flex-shrink:0}.card{padding:24px}.number{margin-bottom:20px}.cta{padding:28px;display:block;margin:45px 0}.cta .button{margin-top:25px}footer{flex-wrap:wrap;gap:20px}footer>span{margin-left:0}footer p{width:100%;order:3}.page-head{padding-top:45px}.page-head h1{font-size:44px}.toolbar{flex-wrap:wrap}.toolbar input{flex-basis:100%}.rules .card{gap:16px}.actions .button{flex:1}.hero .micro{font-size:12px!important}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* ================================
   PROJECT Z 0.3.0 AUTH / ACCOUNT
   ================================ */

.auth-shortcut{
    white-space:nowrap;
}

.auth-layout{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(300px,.72fr);
    gap:24px;
    align-items:stretch;
}

.auth-card{
    border:1px solid var(--line);
    background:var(--panel);
    padding:42px;
    min-height:470px;
}

.auth-card h2{
    font-size:38px;
    margin:8px 0 10px;
}

.auth-form{
    display:grid;
    gap:18px;
    margin-top:30px;
    max-width:520px;
}

.auth-form label{
    display:grid;
    gap:8px;
    color:var(--muted);
    font-size:12px;
    text-transform:uppercase;
    letter-spacing:1px;
    font-weight:700;
}

.auth-form input{
    width:100%;
    background:#111;
    border:1px solid var(--line);
    color:var(--text);
    padding:15px 16px;
    border-radius:3px;
    font-size:15px;
    outline:none;
    transition:border-color .2s ease,box-shadow .2s ease;
}

.auth-form input:focus{
    border-color:var(--acid);
    box-shadow:0 0 0 3px rgba(201,255,0,.08);
}

.auth-submit{
    margin-top:4px;
    width:100%;
}

.auth-submit:disabled,
#logout-form button:disabled{
    opacity:.55;
    cursor:not-allowed;
}

.auth-security{
    margin-top:22px;
}

.auth-error{
    margin-top:20px;
    padding:13px 15px;
    border-left:3px solid var(--acid);
    background:#151515;
    color:var(--text);
    font-size:14px;
}

.auth-side{
    min-height:470px;
    border:1px solid var(--line);
    position:relative;
    overflow:hidden;
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
    padding:30px;
    color:var(--muted);
    font-size:11px;
    letter-spacing:2px;
}

.auth-z{
    position:absolute;
    left:50%;
    top:47%;
    transform:translate(-50%,-50%);
    font-size:330px;
    line-height:.7;
    font-weight:900;
    letter-spacing:-35px;
    color:var(--acid);
    opacity:.95;
    user-select:none;
}

.account-page{
    display:grid;
    gap:25px;
}

.account-hero{
    border:1px solid var(--line);
    background:var(--panel);
    padding:34px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:25px;
}

.account-hero h2{
    font-size:42px;
    margin:7px 0 5px;
    overflow-wrap:anywhere;
}

.account-stats{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:12px;
}

.account-stat{
    min-height:125px;
    border:1px solid var(--line);
    background:var(--panel);
    padding:22px;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
}

.account-stat span{
    color:var(--muted);
    font-size:11px;
    text-transform:uppercase;
    letter-spacing:1px;
}

.account-stat strong{
    font-size:34px;
    font-weight:700;
}

.account-details{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
}

.account-details .card{
    min-height:125px;
}

.account-details strong{
    display:block;
    margin-top:13px;
    font-size:18px;
    overflow-wrap:anywhere;
}

@media(max-width:900px){
    .auth-layout{
        grid-template-columns:1fr;
    }

    .auth-side{
        display:none;
    }

    .account-stats{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}

@media(max-width:760px){
    .auth-shortcut{
        order:3;
    }

    .auth-card{
        padding:27px 22px;
        min-height:0;
    }

    .auth-card h2{
        font-size:31px;
    }

    .account-hero{
        padding:25px 20px;
        align-items:flex-start;
        flex-direction:column;
    }

    .account-hero h2{
        font-size:34px;
    }

    #logout-form,
    #logout-form button{
        width:100%;
    }

    .account-stats,
    .account-details{
        grid-template-columns:1fr 1fr;
    }
}

@media(max-width:480px){
    .account-stats,
    .account-details{
        grid-template-columns:1fr;
    }

    .account-stat{
        min-height:105px;
    }
}
