*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--tx);font-family:var(--font,"Plus Jakarta Sans",system-ui,sans-serif);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased;min-height:100vh}
a{text-decoration:none;color:inherit}
img{display:block;max-width:100%}
input,button,select,textarea{font-family:inherit}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;border-radius:var(--rad-btn);font-weight:600;font-size:13px;cursor:pointer;border:none;transition:all .15s;white-space:nowrap}
.bp{background:var(--ac);color:var(--btn-tx,#fff)}.bp:hover{filter:brightness(1.12)}
.bg{background:transparent;color:var(--mt);border:1px solid var(--bd)}.bg:hover{color:var(--tx);border-color:var(--dm)}
.bs{background:var(--s3);color:var(--tx);border:1px solid var(--bd)}.bs:hover{background:var(--s2)}
.br{background:rgba(239,68,68,.1);color:var(--rd);border:1px solid rgba(239,68,68,.2)}
.btn-sm{padding:5px 11px;font-size:11px}
.btn-lg{padding:12px 24px;font-size:14px}
.btn-full{width:100%;justify-content:center}
.card{background:var(--s1);border:var(--card-border);border-radius:var(--rad);box-shadow:var(--card-shadow)}
.cp{padding:20px}
.ct{font-size:15px;font-weight:700;margin-bottom:14px}
.fg{margin-bottom:13px}
.lbl{display:block;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.6px;color:var(--dm);margin-bottom:5px}
.inp{width:100%;background:var(--s2);border:var(--inp-border);color:var(--tx);padding:9px 12px;border-radius:var(--rad-sm);font-size:14px;outline:none;transition:border-color .15s,box-shadow .15s}
.inp:focus{border-color:var(--ac);box-shadow:var(--inp-focus)}
textarea.inp{resize:vertical;min-height:90px}
select.inp{cursor:pointer}
.badge{display:inline-flex;align-items:center;padding:3px 9px;border-radius:var(--rad-pill);font-size:11px;font-weight:600}
.bok{background:rgba(34,197,94,.1);color:var(--gr);border:1px solid rgba(34,197,94,.2)}
.bwn{background:rgba(234,179,8,.1);color:var(--yw);border:1px solid rgba(234,179,8,.2)}
.ber{background:rgba(239,68,68,.1);color:var(--rd);border:1px solid rgba(239,68,68,.2)}
.bin{background:rgba(99,102,241,.1);color:var(--ac2);border:1px solid rgba(99,102,241,.2)}
.flash{padding:12px 16px;border-radius:var(--rad-sm);font-size:13px;margin-bottom:20px}
.fok{background:rgba(34,197,94,.08);border:1px solid rgba(34,197,94,.2);color:var(--gr)}
.fer{background:rgba(239,68,68,.08);border:1px solid rgba(239,68,68,.2);color:var(--rd)}
.tbl{width:100%;border-collapse:collapse;font-size:13px}
.tbl th{text-align:left;padding:0 12px 10px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--dm)}
.tbl td{padding:11px 12px;border-top:1px solid var(--bd)}
.tbl tr:hover td{background:rgba(255,255,255,.015)}
.wrap{max-width:1140px;margin:0 auto;padding:82px 20px 60px}
.ph{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:24px}
.pht{font-size:24px;font-weight:800;letter-spacing:-.5px}
.nav{position:fixed;top:0;left:0;right:0;z-index:200;height:58px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;gap:12px;background:var(--nav-bg);backdrop-filter:blur(20px);border-bottom:var(--nav-bd)}
.nav-logo{font-size:17px;font-weight:800;letter-spacing:-.5px;color:var(--tx);flex-shrink:0}
.nav-logo span{color:var(--ac2)}
.nav-r{display:flex;align-items:center;gap:6px;flex-shrink:0}
.cb{position:relative;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--rad-sm);background:var(--s2);border:1px solid var(--bd);color:var(--tx);font-size:16px;text-decoration:none;flex-shrink:0}
.cb:hover{background:var(--s3)}
.cn{position:absolute;top:-6px;right:-6px;background:var(--ac);color:#fff;font-size:9px;font-weight:800;min-width:16px;height:16px;border-radius:8px;display:none;align-items:center;justify-content:center;padding:0 4px;border:2px solid var(--bg)}
.cn.on{display:flex}
.lw{position:relative;display:inline-flex;align-items:center;gap:5px;padding:6px 10px;border-radius:var(--rad-sm);background:var(--s2);border:1px solid var(--bd);font-size:12px;font-weight:600;color:var(--mt);cursor:pointer;user-select:none;transition:all .15s}
.lw:hover{background:var(--s3);color:var(--tx)}
.ld{position:absolute;top:calc(100% + 6px);right:0;background:var(--s2);border:1px solid var(--bd);border-radius:var(--rad);padding:4px;min-width:130px;box-shadow:0 8px 32px rgba(0,0,0,.5);opacity:0;pointer-events:none;transform:translateY(-6px);transition:all .15s;z-index:300}
.lw.open .ld{opacity:1;pointer-events:auto;transform:translateY(0)}
.lo{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:var(--rad-sm);font-size:12px;font-weight:600;color:var(--mt);cursor:pointer;transition:all .15s;text-decoration:none}
.lo:hover,.lo.on{background:var(--s3);color:var(--ac2)}
footer{border-top:1px solid var(--bd);padding:40px 24px 28px;margin-top:60px;background:var(--footer-bg,transparent)}
.fi{max-width:1140px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px}
.fl{font-size:16px;font-weight:800;letter-spacing:-.4px;margin-bottom:8px}
.fl span{color:var(--ac2)}
.fd{font-size:13px;color:var(--mt);line-height:1.7}
.fct{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--dm);margin-bottom:12px}
.fc a{display:block;font-size:13px;color:var(--mt);margin-bottom:7px}
.fc a:hover{color:var(--tx)}
.fb{max-width:1140px;margin:24px auto 0;padding-top:20px;border-top:1px solid var(--bd);font-size:12px;color:var(--dm)}
@media(max-width:900px){.fi{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.fi{grid-template-columns:1fr}.nav{padding:0 14px}}