@font-face{font-family:"Bebas Neue";src:url(/fonts/bebas-neue.woff2) format("woff2");font-display:swap}
:root{--bg:#120a20;--bg2:#1b1030;--card:#1f1335;--line:#3a2758;--tx:#f4effb;--mu:#c3b6d9;--or:#ffb347;--pk:#ff4f9a;--pu:#9b6bff;--cy:#38e1ff;--sunset:linear-gradient(90deg,#ffb347,#ff6a5b 45%,#ff4f9a 70%,#9b6bff)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:16px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;background:var(--bg);color:var(--tx)}
a{color:var(--cy)}a:hover{color:#9ff0ff}:focus-visible{outline:3px solid var(--cy);outline-offset:2px;border-radius:6px}
h1,h2,h3,.brand,.stats b,.pt{font-family:"Bebas Neue",Impact,"Arial Narrow",sans-serif;font-weight:400;letter-spacing:.02em;line-height:1.05}
.skip{position:absolute;left:-999px}.skip:focus{left:1rem;top:1rem;background:#fff;color:#000;padding:.5rem;z-index:9}
.w{max-width:1160px;margin:0 auto;padding:0 1rem}
.top{position:sticky;top:0;z-index:5;background:rgba(18,10,32,.88);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.top::after{content:"";display:block;height:2px;background:var(--sunset)}
nav{display:flex;gap:1.1rem;align-items:center;flex-wrap:wrap;padding:.7rem 0}nav a{color:var(--tx);text-decoration:none;font-weight:600}nav a:hover{color:var(--or)}
.brand{font-size:1.9rem;margin-right:auto;display:flex;align-items:center;gap:.45rem;color:#fff!important}.brand b,.brandf b{background:var(--sunset);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:400}
.dot{width:14px;height:14px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#ffe29a,#ff4f9a 70%);box-shadow:0 0 12px #ff4f9a}
nav .cta{border:1.5px solid var(--pk);padding:.3rem .8rem;border-radius:999px;color:#fff}nav .cta:hover{background:var(--pk);color:#160a1c}
.hero{position:relative;overflow:hidden;background:linear-gradient(180deg,#2a0f45 0%,#5a1d5f 38%,#b8336a 68%,#f2774b 92%);padding:3.5rem 0 0;isolation:isolate}
.sun{position:absolute;width:520px;height:520px;right:-60px;bottom:-250px;border-radius:50%;background:repeating-linear-gradient(180deg,#ffd27a 0 18px,transparent 18px 26px),radial-gradient(circle,#ffe29a,#ff7a59);background-blend-mode:normal;opacity:.55;-webkit-mask:linear-gradient(#000 40%,transparent);mask:linear-gradient(#000 40%,transparent);z-index:-1}
.hi{padding-bottom:1rem}.kicker{text-transform:uppercase;letter-spacing:.15em;font-size:.78rem;font-weight:700;color:#ffe3c2;margin:0}
.hero h1{font-size:clamp(2.8rem,9vw,5.6rem);margin:.4rem 0;text-shadow:0 4px 0 rgba(0,0,0,.25)}.hero h1 span{color:#fff1d6}
.sub{max-width:620px;font-size:1.08rem;color:#fff}
.stats{display:flex;gap:1rem;flex-wrap:wrap;margin:1.2rem 0}.stats div{background:rgba(18,10,32,.7);border:1px solid rgba(255,255,255,.18);border-radius:14px;padding:.6rem 1rem;min-width:120px}
.stats b{display:block;font-size:2.2rem;color:var(--or)}.stats span{font-size:.82rem;color:#eadff7}
.sky{display:block;width:100%;height:120px;margin-top:1rem}
main{padding-top:1.5rem}.h,.pt{font-size:2.2rem;margin:2rem 0 .6rem}.pt{font-size:3rem;margin-top:1rem}
.h::after{content:"";display:block;width:64px;height:4px;border-radius:2px;background:var(--sunset);margin-top:.2rem}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:1rem}
.card{background:linear-gradient(180deg,var(--card),#180e2a);border:1px solid var(--line);border-radius:18px;padding:1rem;display:flex;flex-direction:column;gap:.55rem;position:relative;transition:transform .15s,border-color .15s}
.card:hover{transform:translateY(-2px);border-color:var(--pk);box-shadow:0 0 0 1px var(--pk),0 8px 30px -10px rgba(255,79,154,.5)}
.card[hidden]{display:none}.ch{display:flex;gap:.75rem;align-items:center}.card h3{margin:0;font-size:1.6rem}.card h3 a{color:#fff;text-decoration:none}
.logo{flex:none;border-radius:14px}.tl{margin:0;color:#e8e0f5}.meta{font-size:.85rem;color:var(--mu)}
.pills{display:flex;flex-wrap:wrap;gap:.3rem}.pill{background:#2e1d4a;border:1px solid #4a3270;border-radius:99px;padding:.05rem .6rem;font-size:.76rem}
.live{font-size:.76rem;padding:.05rem .6rem;border-radius:99px;background:rgba(56,225,255,.12);border:1px solid rgba(56,225,255,.45);color:#bff4ff}.live::before{content:"● ";color:#4dff9a}
.badge{background:var(--or);color:#160a1c;border-radius:6px;padding:.05rem .45rem;font:700 .72rem system-ui}
.btns{margin-top:auto;display:flex;gap:.45rem;flex-wrap:wrap}
.btn{display:inline-block;background:var(--pk);color:#1a0a17;font-weight:700;padding:.42rem .85rem;border-radius:10px;text-decoration:none;font-size:.88rem;border:0;cursor:pointer}
.btn:hover{background:#ff7db6;color:#1a0a17}.btn.alt{background:#2e1d4a;color:#fff;border:1px solid #4a3270}.btn.alt:hover{border-color:var(--or)}.btn.ghost{background:transparent;color:var(--or);border:1px solid rgba(255,179,71,.5)}
.btn.big{font-size:1rem;padding:.7rem 1.2rem;border-radius:12px}.hero .btn.alt{background:rgba(18,10,32,.75)}
.filters{display:flex;flex-wrap:wrap;gap:.5rem;margin:.8rem 0;padding:.6rem;background:var(--bg2);border:1px solid var(--line);border-radius:14px}
.filters input,.filters select,form input,form select,form textarea{background:#120a20;color:var(--tx);border:1px solid #4a3270;border-radius:10px;padding:.55rem .7rem;font:inherit}.filters input{flex:1;min-width:200px}
form{display:grid;gap:.9rem;max-width:640px}label{display:grid;gap:.3rem;font-weight:600}.panel{background:var(--bg2);border:1px solid var(--line);border-radius:18px;padding:1.2rem}
.note{background:var(--bg2);border-left:4px solid var(--or);padding:.8rem 1rem;border-radius:10px;margin:1rem 0}
.split{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;margin:2.5rem 0}.tile{display:block;padding:1.1rem;border-radius:18px;text-decoration:none;color:#fff;background:linear-gradient(135deg,#3b1663,#8c2a6b);border:1px solid #6b3a8f}
.tile b{display:block;font:400 1.7rem "Bebas Neue",Impact,sans-serif}.tile span{color:#f5e6ff}.tile:hover{border-color:var(--or)}
.crumb{margin:.5rem 0}.dh{display:flex;gap:1rem;align-items:center;margin-bottom:1rem}.dh h1{font-size:clamp(2.4rem,7vw,3.6rem);margin:0}
.two{display:grid;grid-template-columns:1fr 340px;gap:1.5rem;align-items:start}@media(max-width:820px){.two{grid-template-columns:1fr}}
.phone{background:#0d0718;border:2px solid #4a3270;border-radius:26px;padding:1rem;margin-top:2rem;box-shadow:inset 0 0 0 4px #1b1030}
.ph-h{text-align:center;font-size:.78rem;color:var(--mu);letter-spacing:.1em;text-transform:uppercase;margin-bottom:.6rem}.ph-h::before{content:"";display:block;width:60px;height:5px;border-radius:5px;background:#3a2758;margin:0 auto .6rem}
.ph-g{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.ph-g div{background:var(--card);border-radius:14px;padding:.6rem;text-align:center}.ph-g b{display:block;font:400 1.7rem "Bebas Neue",Impact,sans-serif;color:var(--or)}.ph-g span{font-size:.75rem;color:var(--mu)}
.facts{display:grid;grid-template-columns:max-content 1fr;gap:.35rem 1rem;background:var(--bg2);border:1px solid var(--line);border-radius:16px;padding:1rem;margin-top:1rem}dt{color:var(--mu)}dd{margin:0}
.src{word-break:break-all}.prose{max-width:780px}.prose h1{font-size:clamp(2.4rem,6vw,3.4rem);margin:.6rem 0}.prose h2{font-size:1.9rem;margin-top:2rem}.lede{font-size:1.12rem;color:#efe6fb}
.tablewrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.92rem}th,td{text-align:left;padding:.5rem;border-bottom:1px solid var(--line)}th{color:var(--or)}
code{background:#2e1d4a;padding:.05rem .35rem;border-radius:5px}
footer{margin-top:4rem;border-top:1px solid var(--line);background:#0c0616;font-size:.84rem;color:var(--mu);padding:1rem 0}footer::before{content:"";display:block;height:2px;background:var(--sunset);margin-top:-1rem;margin-bottom:1rem}
@media(max-width:560px){.hero{padding-top:2rem}.sun{width:320px;height:320px;bottom:-160px}.stats div{min-width:0;flex:1}.sky{height:70px}nav{gap:.7rem;font-size:.92rem}.brand{font-size:1.6rem;width:100%}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
/* ===== v2: bolder, live, still sunset ===== */
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.grad{background:linear-gradient(90deg,#fff1d6,#ffd27a 35%,#ff9ec8 70%,#d9c2ff);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:sh 8s ease-in-out infinite alternate}
@keyframes sh{to{background-position:100% 0}}
.hero{background:linear-gradient(180deg,#1e0a36 0%,#4d1a5c 34%,#a82e68 64%,#f2774b 92%);padding-top:3rem}
.aur{position:absolute;inset:-30%;z-index:-2;background:radial-gradient(40% 35% at 20% 30%,rgba(155,107,255,.45),transparent 70%),radial-gradient(35% 30% at 80% 20%,rgba(56,225,255,.22),transparent 70%),radial-gradient(40% 40% at 60% 80%,rgba(255,79,154,.35),transparent 70%);animation:drift 18s ease-in-out infinite alternate}
@keyframes drift{to{transform:translate3d(4%,3%,0) rotate(6deg)}}
.pulse{display:inline-block;width:9px;height:9px;border-radius:50%;background:#4dff9a;box-shadow:0 0 0 0 rgba(77,255,154,.7);animation:pu 1.8s infinite;vertical-align:middle}
@keyframes pu{70%{box-shadow:0 0 0 9px rgba(77,255,154,0)}100%{box-shadow:0 0 0 0 rgba(77,255,154,0)}}
.kicker{display:inline-flex;align-items:center;gap:.5rem;background:rgba(18,10,32,.55);border:1px solid rgba(255,255,255,.2);padding:.35rem .8rem;border-radius:99px;font-size:.8rem;letter-spacing:.08em}
#h-live{font-variant-numeric:tabular-nums;color:#fff}
.hs{display:flex;gap:.5rem;max-width:640px;margin:1.3rem 0 .7rem;background:rgba(18,10,32,.75);border:1px solid rgba(255,255,255,.25);border-radius:16px;padding:.4rem;box-shadow:0 10px 40px -10px rgba(0,0,0,.5);display:flex}
.hs input{flex:1;min-width:0;background:transparent;border:0;color:#fff;font:inherit;font-size:1.05rem;padding:.5rem .7rem}.hs input:focus{outline:none}.hs:focus-within{border-color:var(--or)}
.hchips{display:flex;flex-wrap:wrap;gap:.4rem}
.chip{display:inline-flex;align-items:center;gap:.3rem;background:rgba(18,10,32,.6);color:#fff;border:1px solid rgba(255,255,255,.22);border-radius:99px;padding:.3rem .8rem;font:600 .85rem system-ui,sans-serif;text-decoration:none;cursor:pointer;transition:background .15s,border-color .15s,transform .15s}
.chip:hover{border-color:var(--or);color:#fff;transform:translateY(-1px)}.chip[aria-pressed=true]{background:var(--sunset);color:#1a0a17;border-color:transparent}
.par{position:relative;height:120px;margin-top:.5rem}.par .sky{position:absolute;bottom:0;left:0;height:120px}.par .sky-b{opacity:.45;transform:scaleY(1.35) translateX(-3%);transform-origin:bottom;filter:hue-rotate(20deg)}
.js .par .sky-b{animation:pan 40s linear infinite alternate}@keyframes pan{to{transform:scaleY(1.35) translateX(3%)}}
.sh{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;flex-wrap:wrap}.stamp{margin:0}
.rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(220px,1fr);gap:.8rem;overflow-x:auto;scroll-snap-type:x mandatory;padding:.2rem .1rem 1rem;scrollbar-width:thin}
.ri{position:relative;scroll-snap-align:start;border-radius:16px;overflow:hidden;height:132px;color:#fff;text-decoration:none;border:1px solid var(--line);transition:transform .2s,box-shadow .2s}
.ri:hover{color:#fff;transform:translateY(-3px);box-shadow:0 10px 30px -10px rgba(255,79,154,.6)}
.rbn{position:absolute;inset:0;width:100%;height:100%}.ri::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(10,5,20,.9))}
.rn{position:absolute;left:.6rem;top:.3rem;z-index:1;font:400 3rem/1 "Bebas Neue",Impact,sans-serif;color:#fff;text-shadow:0 2px 0 rgba(0,0,0,.35)}
.rt{position:absolute;left:.75rem;right:.75rem;bottom:.6rem;z-index:1;display:grid}.rt b{font:400 1.35rem/1.1 "Bebas Neue",Impact,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rt>span{font-size:.82rem;display:flex;align-items:center;gap:.35rem}
.cats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.8rem}
.cat{position:relative;overflow:hidden;display:grid;gap:.15rem;padding:1rem;border-radius:16px;color:#fff;text-decoration:none;border:1px solid rgba(255,255,255,.12);min-height:118px;transition:transform .2s,box-shadow .2s}
.cat b{font:400 1.7rem/1 "Bebas Neue",Impact,sans-serif}.cat span{font-size:.85rem;color:#f6eaff}.cat em{font-style:normal;font-size:.78rem;font-weight:700;opacity:.85;margin-top:auto}
.cat:hover{color:#fff;transform:translateY(-3px);box-shadow:0 12px 30px -12px rgba(0,0,0,.7)}
.cat-uk{background:linear-gradient(135deg,#1d2b6b,#b8336a)}.cat-serious{background:linear-gradient(135deg,#2a0f45,#7b2ff7)}.cat-beginner{background:linear-gradient(135deg,#0f6b6b,#38a1ff)}.cat-crime{background:linear-gradient(135deg,#4a0d1e,#ff4f5e)}.cat-economy{background:linear-gradient(135deg,#6b3a06,#ffb347)}
.tb{position:sticky;top:58px;z-index:4;margin:1rem 0;padding:.6rem 0;background:rgba(18,10,32,.82);backdrop-filter:blur(10px);border-block:1px solid var(--line);transition:box-shadow .2s}
.tb.stuck{box-shadow:0 10px 30px -12px rgba(0,0,0,.8)}
.tbi{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center}
.sbox{flex:1 1 260px;display:flex;align-items:center;gap:.4rem;background:#120a20;border:1px solid #4a3270;border-radius:12px;padding:0 .7rem;color:var(--mu)}.sbox:focus-within{border-color:var(--or)}
.sbox svg{width:18px;height:18px;flex:none}.sbox input{flex:1;background:transparent;border:0;color:var(--tx);font:inherit;padding:.55rem 0;min-width:0}.sbox input:focus{outline:none}
.chips{display:flex;gap:.35rem;flex-wrap:wrap}.tb .chip{background:#1f1335;border-color:#4a3270}
.tbr{display:flex;gap:.6rem;align-items:center;margin-left:auto}.tbr select{background:#120a20;color:var(--tx);border:1px solid #4a3270;border-radius:10px;padding:.45rem .6rem;font:inherit}
.card{padding:0;overflow:hidden;gap:0;transition:transform .2s,border-color .2s,box-shadow .2s}
.card:hover{transform:translateY(-4px)}
.cover{position:relative;display:block;height:96px}.bn{display:block;width:100%;height:100%}
.rk{position:absolute;left:.6rem;top:.35rem;font:400 2rem/1 "Bebas Neue",Impact,sans-serif;color:#fff;text-shadow:0 2px 0 rgba(0,0,0,.4)}
.st{position:absolute;right:.6rem;top:.6rem;display:inline-flex;align-items:center;gap:.35rem;font:700 .72rem system-ui,sans-serif;padding:.2rem .55rem;border-radius:99px;background:rgba(10,5,20,.75);color:#fff;border:1px solid rgba(255,255,255,.18)}
.st-off::before{content:"";width:8px;height:8px;border-radius:50%;background:#ff5e62}.st-na{color:var(--mu)}.phone .st{position:static;margin-left:.4rem}
.cb{padding:.8rem 1rem 1rem;display:flex;flex-direction:column;gap:.55rem;flex:1}.ch .logo{margin-top:-34px;box-shadow:0 0 0 3px var(--card)}.cht{min-width:0}.card h3{font-size:1.5rem}
.cf{margin-top:auto;display:flex;justify-content:space-between;align-items:flex-end;gap:.6rem;flex-wrap:wrap}.cf .btns{margin:0}
.pl{display:grid;grid-template-columns:auto;gap:.15rem;min-width:110px}.pc b{font:400 1.7rem/1 "Bebas Neue",Impact,sans-serif;color:var(--or);font-variant-numeric:tabular-nums}.pc small{color:var(--mu);margin-left:.15rem}.muted{color:var(--mu)}
.cap{display:block;height:5px;width:110px;border-radius:5px;background:#2e1d4a;overflow:hidden}.cap i{display:block;height:100%;background:var(--sunset);border-radius:5px;transition:width .6s}
.btn.sm{padding:.35rem .7rem;font-size:.82rem}
.loading [data-p],.loading [data-pk]{color:transparent!important;background:linear-gradient(90deg,#2e1d4a 25%,#4a3270 50%,#2e1d4a 75%);background-size:200% 100%;border-radius:6px;animation:skel 1.1s linear infinite}
@keyframes skel{to{background-position:-200% 0}}
.js .rv{opacity:0;transform:translateY(14px);transition:opacity .5s ease,transform .5s ease}.js .rv.in{opacity:1;transform:none}
.dban{position:relative;border-radius:22px;overflow:hidden;border:1px solid var(--line);margin-bottom:1rem}.dbn{display:block;width:100%;height:220px}
.dban .dh{position:absolute;left:0;right:0;bottom:0;padding:1.2rem;margin:0;background:linear-gradient(180deg,transparent,rgba(10,5,20,.92) 55%)}
.dbtns{margin:1rem 0}.big-p{display:flex;align-items:baseline;gap:.5rem;justify-content:center}.big-p b{font:400 3.6rem/1 "Bebas Neue",Impact,sans-serif;color:var(--or)}
.phone .cap{width:100%;height:8px;margin:.4rem 0 .8rem}.phone .ph-h{display:flex;align-items:center;justify-content:center;flex-wrap:wrap}.phone .ph-h::before{flex-basis:100%}
.sparkw{background:var(--card);border-radius:14px;padding:.5rem;margin-bottom:.5rem;min-height:60px}.spark{display:block;width:100%;height:60px}.sparkw .meta{margin:.3rem;text-align:center}
.phone .stamp{text-align:center;margin-top:.6rem}
@media(max-width:560px){.tb{top:96px}.tbr{margin-left:0;width:100%;justify-content:space-between}.chips{flex-wrap:nowrap;overflow-x:auto;width:100%;padding-bottom:.2rem}.chip{white-space:nowrap}.hs .btn{padding:.6rem .9rem}.dbn{height:260px}.par{height:80px}.par .sky{height:80px}.rail{grid-auto-columns:78%}}
@media(prefers-reduced-motion:reduce){.aur,.grad,.pulse,.js .par .sky-b,.loading [data-p],.loading [data-pk]{animation:none!important}.js .rv{opacity:1;transform:none}.card:hover,.ri:hover,.cat:hover,.chip:hover{transform:none}}
.tb .chip[aria-pressed=true]{background:var(--sunset);color:#1a0a17;border-color:transparent}
.pkl{display:block;font:700 .68rem system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--mu)}.pkl.c{text-align:center;margin:0}
.now{font-size:.78rem}.hs2{font-size:.55em;color:var(--mu);letter-spacing:.04em}
.nowl{text-align:center;margin:.2rem 0 .7rem;font-size:.9rem;display:flex;gap:.4rem;justify-content:center;align-items:center}.nowl b{color:#fff}