:root{--bg:#07080C;--card:#12141B;--bd:#232734;--o:#E65100;--o2:#FF7A1A;--gold:#FFB020;--tx:#F4F1EE;--mu:#9AA0B2;--g:#00E68A;--r:#FF3B5C}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--bg);color:var(--tx);font:16px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;min-height:100vh;-webkit-tap-highlight-color:transparent}
a{color:inherit;text-decoration:none}
.glow{position:fixed;inset:0;z-index:-1;background:radial-gradient(600px 400px at 80% -10%,rgba(230,81,0,.3),transparent),radial-gradient(500px 400px at -10% 60%,rgba(255,176,32,.1),transparent);animation:dr 12s ease-in-out infinite alternate}
@keyframes dr{to{transform:translate(-3%,2%) scale(1.08)}}
.top{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:12px 5vw;background:rgba(7,8,12,.72);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--bd)}
.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-style:italic}.brand img{height:30px}
.nav{display:flex;gap:6px}.nav a{padding:8px 14px;border-radius:10px;color:var(--mu);display:flex;gap:8px;align-items:center;transition:.2s}
.nav a.on,.nav a:hover{color:#fff;background:rgba(230,81,0,.18)}.nav a.on i{color:var(--o2)}
.auth{color:var(--mu);font-size:.9rem}
main{max-width:1000px;margin:0 auto;padding:28px 5vw 40px}
h1{font-size:clamp(2rem,6vw,3.6rem);font-weight:800;font-style:italic;line-height:1.05;margin-bottom:14px}
h2{font-size:1.2rem;margin:26px 0 12px;font-style:italic}
.hero{text-align:center;padding:40px 0}
.logo{height:90px;margin-bottom:18px;filter:drop-shadow(0 0 24px rgba(230,81,0,.6));animation:fl 4s ease-in-out infinite alternate}
@keyframes fl{to{transform:translateY(-8px)}}
.hero p{color:var(--mu);max-width:520px;margin:0 auto 24px}
.btn{display:inline-flex;gap:8px;align-items:center;padding:12px 22px;background:linear-gradient(135deg,var(--o),var(--o2));color:#fff;font:700 1rem system-ui,sans-serif;border:0;border-radius:10px;cursor:pointer;transform:skewX(-8deg);box-shadow:0 0 24px rgba(230,81,0,.4);transition:.2s}
.btn:hover{box-shadow:0 0 36px rgba(255,122,26,.7)}.btn.ghost{background:transparent;border:1px solid var(--o);box-shadow:none}
.btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-bottom:12px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}
.card{background:rgba(18,20,27,.82);border:1px solid var(--bd);border-radius:16px;padding:18px}
form.card{margin-bottom:10px}
.card>i{color:var(--o2);font-size:1.4rem;margin-bottom:10px;display:block}.card p{color:var(--mu);font-size:.92rem}.card .btn{margin-top:12px}
.card.gold{border-color:var(--gold)}.card.gold>i{color:var(--gold)}
input,select{width:100%;padding:12px 14px;margin:6px 0 12px;background:#0B0D13;border:1px solid var(--bd);border-radius:10px;color:var(--tx);font:inherit}
input:focus,select:focus{outline:2px solid var(--o);border-color:transparent}
label{color:var(--mu);font-size:.85rem}
.msg{padding:12px 14px;border-radius:10px;margin-bottom:14px}.msg.err{background:rgba(255,59,92,.12);border:1px solid var(--r)}.msg.ok{background:rgba(0,230,144,.1);border:1px solid var(--g)}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:14px}.stats b{display:block;font-size:1.6rem}.stats span{color:var(--mu);font-size:.8rem}
canvas{width:100%;height:220px;display:block}
.up{color:var(--g)}.dn{color:var(--r)}.or{color:var(--o2)}
table{width:100%;border-collapse:collapse}td,th{padding:9px 8px;border-bottom:1px solid var(--bd);text-align:left;font-size:.9rem}th{color:var(--mu);font-weight:500}
.scroll{overflow-x:auto}
.lock{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;transition:filter .15s}.lock.blur{filter:blur(28px)}
.shot{position:relative;margin-top:12px;border-radius:12px;overflow:hidden}.shot img{width:100%;display:block;pointer-events:none}
.wm{position:absolute;inset:-50%;display:flex;flex-wrap:wrap;gap:34px;transform:rotate(-24deg);pointer-events:none;color:rgba(255,255,255,.18);font-size:13px;font-weight:700}
footer{text-align:center;color:var(--mu);font-size:.8rem;padding:24px 5vw 40px}.soc{display:flex;gap:18px;justify-content:center;font-size:1.4rem;margin-bottom:12px}.soc a:hover{color:var(--o2)}
.rv{opacity:0;transform:translateY(14px);transition:.8s}.rv.in{opacity:1;transform:none}
@media(max-width:800px){
.brand span{display:none}
footer{padding-bottom:110px}
.nav{position:fixed;left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom));justify-content:space-around;background:rgba(18,20,27,.94);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--bd);border-radius:20px;padding:6px;gap:0}
.nav a{flex-direction:column;gap:2px;padding:8px 4px;font-size:.66rem;flex:1;text-align:center}.nav a i{font-size:1.15rem}
}
@media print{.lock{display:none}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}