:root{--p:#a020f0;--p2:#ff2bd6}*{box-sizing:border-box}
body{margin:0;background:#050008;color:#eee;font:16px/1.6 system-ui,sans-serif;min-height:100vh}
.bg{position:fixed;inset:0;width:100%;height:100%;z-index:-1;opacity:.6}
a{color:var(--p2)}header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:14px 5%;background:#000c;border-bottom:1px solid var(--p);box-shadow:0 0 18px var(--p);position:sticky;top:0;z-index:5;backdrop-filter:blur(6px)}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#fff;font-weight:800;font-size:1.3rem;text-shadow:0 0 10px var(--p)}.brand img{height:42px}
nav a{color:#ddd;text-decoration:none;margin-left:16px;padding:4px 2px;border-bottom:2px solid transparent}nav a:hover,nav a.act{color:#fff;border-color:var(--p);text-shadow:0 0 8px var(--p)}
main{max-width:1000px;margin:auto;padding:30px 5%}
.hero{text-align:center;padding:70px 0}.hero h1,.glitch{font-size:clamp(2rem,7vw,4.5rem);margin:0;color:#fff;text-shadow:0 0 10px var(--p),0 0 30px var(--p),0 0 60px var(--p2);animation:fl 3s infinite}
@keyframes fl{0%,100%{opacity:1}92%{opacity:1}93%{opacity:.5}95%{opacity:1}97%{opacity:.6}}
.card{background:#0a0012cc;border:1px solid var(--p);border-radius:12px;padding:20px;margin:18px 0;box-shadow:0 0 14px #a020f055,inset 0 0 20px #a020f018}
.btn,button{display:inline-block;background:#000;color:#fff;border:2px solid var(--p);border-radius:8px;padding:10px 22px;margin:4px;text-decoration:none;font-weight:700;cursor:pointer;box-shadow:0 0 10px var(--p);transition:.2s}
.btn:hover,button:hover{background:var(--p);box-shadow:0 0 25px var(--p2)}
.c{text-align:center}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px}
.media{max-width:100%;border-radius:10px;border:1px solid var(--p)}.vid{position:relative;padding-top:56.25%}.vid iframe{position:absolute;inset:0;width:100%;height:100%;border:0;border-radius:10px}
.stat{font-size:1.3rem}.on{color:#3f6;text-shadow:0 0 8px #3f6}.off{color:#f35;text-shadow:0 0 8px #f35}.price{color:var(--p2);display:block;margin:8px 0}
footer{text-align:center;padding:30px;color:#888}
.adm{padding:20px}.box{max-width:420px;margin:60px auto;background:#0a0012;border:1px solid var(--p);padding:24px;border-radius:12px;box-shadow:0 0 20px var(--p)}
.adm input,.adm select,.adm textarea{width:100%;background:#000;color:#fff;border:1px solid #6a1fb5;border-radius:6px;padding:8px;margin:4px 0}
.tabs a{display:inline-block;padding:8px 16px;border:1px solid var(--p);border-radius:8px;margin:2px;text-decoration:none;color:#fff}.tabs a.act{background:var(--p)}
.wrap{max-width:1000px;margin:auto}.row{background:#0a0012;border:1px solid #4a1285;border-radius:10px;padding:12px;margin:12px 0}.row label{font-size:.8rem;color:#b88}.d{background:#400;border-color:#f35}
.rt a{color:var(--p2)}.rt ul,.rt ol{padding-left:22px}.rt h2,.rt h3{text-shadow:0 0 8px var(--p)}
.tb button{padding:3px 9px;margin:2px;box-shadow:none;font-size:.8rem}.ed{min-height:130px;background:#000;border:1px solid #6a1fb5;border-radius:6px;padding:10px;margin-top:4px}
/* logo + banner animati */
body{overflow-x:hidden}
.brand .lw{position:relative;width:52px;height:52px;flex:none}.brand .lw:before{content:'';position:absolute;inset:-4px;border-radius:50%;background:conic-gradient(var(--p),transparent,var(--p2),transparent,var(--p));animation:spin 4s linear infinite;filter:blur(2px)}
.brand .lw img{position:relative;width:52px;height:52px;border-radius:50%;display:block;animation:lg 2.5s ease-in-out infinite alternate}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes lg{from{box-shadow:0 0 6px var(--p)}to{box-shadow:0 0 22px var(--p2)}}
.hb{position:relative;overflow:hidden;aspect-ratio:1744/608;min-height:220px;max-height:620px;margin:-30px calc(50% - 50vw) 10px;border-bottom:2px solid var(--p);box-shadow:0 0 40px var(--p)}
.hb .kb{width:100%;height:100%;object-fit:cover;display:block;animation:kb 26s ease-in-out infinite alternate}
@keyframes kb{from{transform:scale(1) translateX(0)}to{transform:scale(1.14) translateX(-1.5%)}}
.hb .sc{position:absolute;inset:0;background:repeating-linear-gradient(0deg,#0000 0 3px,#0004 3px 4px)}
.hb .sc:after{content:'';position:absolute;left:0;right:0;height:18%;background:linear-gradient(#0000,#ff2bd633,#0000);animation:sw 6s linear infinite}
@keyframes sw{from{top:-20%}to{top:100%}}
.hb .gl{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 45%,#a020f066,#0000 60%);mix-blend-mode:screen;animation:pl 4s ease-in-out infinite alternate}
@keyframes pl{from{opacity:.25}to{opacity:1}}
.hb .ov{position:absolute;inset:0;width:100%;height:100%}.hb:after{content:'';position:absolute;inset:auto 0 0;height:30%;background:linear-gradient(#0000,#050008)}
.hb .cta{position:absolute;left:0;right:0;bottom:6%;text-align:center;z-index:3}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.hb .btn{font-size:1.1rem;padding:12px 30px;background:#000a;animation:bt 2s ease-in-out infinite alternate}@keyframes bt{from{box-shadow:0 0 8px var(--p)}to{box-shadow:0 0 30px var(--p2)}}
#sp{position:fixed;inset:0;z-index:99;background:#000;display:grid;place-items:center;pointer-events:none;animation:spo 2.8s forwards}
#sp img{width:min(62vw,380px);border-radius:50%;animation:zi 2.4s ease-out both,lg 1s ease-in-out infinite alternate}
@keyframes zi{from{transform:scale(.3) rotate(-25deg);opacity:0;filter:blur(12px)}to{transform:scale(1) rotate(0);opacity:1;filter:blur(0)}}
@keyframes spo{0%,78%{opacity:1}100%{opacity:0;visibility:hidden}}
@media(prefers-reduced-motion:reduce){*{animation:none!important}#sp{display:none}}