:root{
  --bg:#101827;
  --bg-deep:#0b111d;
  --panel:#182338;
  --panel-2:#1c2a44;
  --line:#263450;
  --line-lit:#35486e;
  --gold:#f0b74a;
  --gold-deep:#c98f25;
  --gold-ink:#3a2a08;
  --txt:#e8eefb;
  --txt-2:#a9b4c9;
  --txt-3:#6b7893;
  --ok:#5ecb7b;
  --warn:#e0a63c;
  --bad:#e2604b;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;overflow-x:hidden}
body{background:var(--bg);color:var(--txt);font-family:'Manrope',system-ui,sans-serif;font-size:16.5px;line-height:1.65;overflow-x:hidden;max-width:100%;min-height:100vh;display:flex;flex-direction:column}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
::selection{background:var(--gold);color:var(--gold-ink)}
::-webkit-scrollbar{width:11px}
::-webkit-scrollbar-track{background:var(--bg-deep)}
::-webkit-scrollbar-thumb{background:var(--line-lit);border-radius:6px}

.nav{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;
  padding:11px 32px;background:rgba(11,17,29,.92);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.nav-left{display:flex;align-items:center;gap:30px}
.nav-logo{display:flex;align-items:center;gap:12px}
.nav-logo img{width:36px;height:36px;border-radius:8px;border:2px solid var(--gold);background:var(--bg-deep)}
.nav-logo span{font-family:'Unbounded';font-weight:700;font-size:16px;letter-spacing:.18em}
.nav-links{display:flex;gap:26px}
.nav-links a{font-size:12.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--txt-2);
  padding:6px 2px;position:relative;transition:color .2s}
.nav-links a::after{content:"";position:absolute;left:0;right:100%;bottom:0;height:2px;background:var(--gold);transition:right .25s}
.nav-links a:hover{color:var(--txt)}
.nav-links a:hover::after,.nav-links a.active::after{right:0}
.nav-links a.active{color:var(--gold)}
.btn-login{display:inline-flex;align-items:center;gap:9px;background:var(--gold);color:var(--gold-ink);
  font-weight:800;font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;padding:10px 24px;border-radius:8px;
  border:1px solid #ffd98a;box-shadow:0 4px 18px rgba(240,183,74,.25);transition:transform .15s,box-shadow .2s;cursor:pointer}
.btn-login:hover{transform:translateY(-1px);box-shadow:0 6px 24px rgba(240,183,74,.4)}
.nav-user{display:inline-flex;align-items:center;gap:10px;padding:7px 16px 7px 8px;border:1px solid var(--line-lit);
  border-radius:10px;transition:border-color .2s}
.nav-user:hover{border-color:var(--gold)}
.nav-user img{width:30px;height:30px;border-radius:7px;border:1px solid var(--line-lit)}
.nav-user b{font-size:14px}
.nav-donate{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:800;letter-spacing:.14em;
  text-transform:uppercase;color:var(--gold);border:1px solid var(--gold);border-radius:8px;padding:9px 18px;transition:background .2s,color .2s}
.nav-donate:hover{background:var(--gold);color:var(--gold-ink)}
.nav-right{display:flex;align-items:center;gap:12px}
.burger{display:none;background:none;border:none;cursor:pointer;padding:8px;color:var(--txt)}
.burger svg{width:26px;height:26px;display:block}
@media (max-width:860px){
  .burger{display:block}
  .nav-links{position:fixed;inset:56px 0 auto 0;flex-direction:column;gap:0;background:rgba(11,17,29,.98);
    backdrop-filter:blur(14px);border-bottom:1px solid var(--line);padding:8px 0;
    transform:translateY(-120%);transition:transform .28s ease;z-index:49}
  .nav-links.open{transform:translateY(0)}
  .nav-links a{padding:15px 24px;font-size:14px;border-bottom:1px solid var(--line)}
  .nav-links a::after{display:none}
  .nav-links .nav-donate{margin:10px 24px;justify-content:center}
}

.wrap{max-width:1160px;margin:0 auto;padding:0 24px;width:100%}
main{flex:1}

.page-head{margin:46px 0 30px}
.page-head h1{font-family:'Unbounded';font-weight:700;font-size:clamp(20px,3vw,28px);letter-spacing:.14em;color:var(--gold);text-transform:uppercase}
.page-head p{color:var(--txt-2);margin-top:8px;font-size:15px}

.card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:26px 28px}
.card h2{font-family:'Unbounded';font-weight:700;font-size:14px;letter-spacing:.14em;color:var(--gold);text-transform:uppercase;margin-bottom:18px}

label{display:block;font-size:12.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--txt-3);margin:16px 0 7px}
/* input:not([type]) — иначе поле без явного type остаётся белым системным */
input[type=text],input[type=password],input[type=url],input:not([type]),textarea,select{
  width:100%;background:var(--bg-deep);border:1px solid var(--line-lit);border-radius:9px;color:var(--txt);
  font-family:inherit;font-size:15.5px;padding:12px 14px;outline:none;transition:border-color .2s,box-shadow .2s}
input:focus,textarea:focus,select:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(240,183,74,.15)}
textarea{resize:vertical;min-height:90px}
::placeholder{color:var(--txt-3)}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;border:none;
  font-family:'Manrope';font-weight:800;font-size:13px;letter-spacing:.12em;text-transform:uppercase;
  padding:13px 28px;border-radius:9px;transition:transform .15s,box-shadow .2s,background .2s}
.btn-gold{background:linear-gradient(180deg,#ffd171 0%,var(--gold) 55%,var(--gold-deep) 100%);color:var(--gold-ink);
  border:1px solid #ffe2a3;box-shadow:0 6px 22px rgba(240,183,74,.3)}
.btn-gold:hover{transform:translateY(-1px);box-shadow:0 10px 30px rgba(240,183,74,.45)}
.btn-ghost{background:transparent;color:var(--txt-2);border:1px solid var(--line-lit)}
.btn-ghost:hover{color:var(--gold);border-color:var(--gold)}
.btn-tg{background:#2aabee;color:#04283c;border:1px solid #7ccdf5}
.btn-tg:hover{transform:translateY(-1px);box-shadow:0 8px 26px rgba(42,171,238,.35)}
.btn[disabled]{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}

.badge{display:inline-block;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;
  padding:4px 12px;border-radius:20px;border:1px solid}
.badge-ok{color:var(--ok);border-color:rgba(94,203,123,.4);background:rgba(94,203,123,.08)}
.badge-warn{color:var(--warn);border-color:rgba(224,166,60,.4);background:rgba(224,166,60,.08)}
.badge-bad{color:var(--bad);border-color:rgba(226,96,75,.4);background:rgba(226,96,75,.08)}

footer{background:var(--bg-deep);border-top:1px solid var(--line);padding:30px 0;margin-top:80px}
.foot{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}
.foot-left{display:flex;align-items:center;gap:14px;color:var(--txt-3);font-size:13px}
.foot-left img{width:28px;height:28px;border-radius:6px;border:1px solid var(--line-lit)}
.foot-links{display:flex;gap:22px;font-size:13px;color:var(--txt-3)}
.foot-links a:hover{color:var(--gold)}

.toast{position:fixed;left:50%;bottom:34px;transform:translateX(-50%) translateY(20px);opacity:0;pointer-events:none;
  background:var(--panel-2);border:1px solid var(--gold);color:var(--txt);font-size:14.5px;font-weight:700;
  padding:13px 26px;border-radius:12px;box-shadow:0 14px 40px rgba(0,0,0,.5);transition:opacity .3s,transform .3s;z-index:99}
.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}

@media (max-width:860px){
  .nav{padding:10px 16px}
}