:root{--nf-blue:#3b82f6;--nf-cyan:#60a5fa;--nf-violet:#8b5cf6;--nf-orange:#ff7a18;--nf-bg:#050711}
body.nf-page{background:radial-gradient(circle at 82% 8%,rgba(139,92,246,.18),transparent 24%),radial-gradient(circle at 12% 75%,rgba(59,130,246,.12),transparent 30%),#050711!important;overflow-x:hidden}
.nf-fx{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}.nf-moon{position:absolute;right:7vw;top:9vh;width:190px;height:190px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fffdf0 0,#d9d7c5 38%,rgba(217,215,197,.45) 58%,transparent 72%);box-shadow:0 0 100px rgba(220,225,255,.18)}.nf-fog{position:absolute;inset:55% -20% -10%;background:radial-gradient(ellipse at 50% 30%,rgba(160,170,210,.11),transparent 60%);filter:blur(18px);animation:nfFog 12s ease-in-out infinite alternate}.nf-web{position:absolute;width:330px;height:330px;opacity:.28;background:repeating-radial-gradient(circle at 0 0,transparent 0 24px,rgba(210,220,240,.32) 25px 26px),repeating-conic-gradient(from 0deg at 0 0,transparent 0 10deg,rgba(210,220,240,.28) 11deg 12deg,transparent 13deg 20deg);mask-image:linear-gradient(135deg,#000,transparent 75%)}.nf-web.a{left:-30px;top:50px}.nf-web.b{right:-50px;bottom:-40px;transform:rotate(180deg)}.nf-spider{position:absolute;font-size:28px;filter:drop-shadow(0 0 12px rgba(0,0,0,.9));animation:nfSpider 8s ease-in-out infinite}.nf-spider.a{left:12%;top:15%}.nf-spider.b{right:13%;top:32%;animation-delay:-4s}.nf-bat{position:absolute;font-size:24px;animation:nfBat 14s linear infinite}.nf-bat.a{top:24%;left:-5%}.nf-bat.b{top:42%;left:-15%;animation-delay:-6s}.nf-pumpkin{position:absolute;bottom:5%;font-size:30px;opacity:.65;filter:drop-shadow(0 0 14px rgba(255,122,24,.25))}.nf-pumpkin.a{left:4%}.nf-pumpkin.b{right:5%}
.nf-shell{position:relative;z-index:2}.nf-hero{min-height:88vh;display:grid;place-items:center;text-align:center;padding:120px 24px 80px}.nf-kicker{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(96,165,250,.24);background:rgba(10,16,30,.72);backdrop-filter:blur(18px);padding:8px 13px;border-radius:999px;color:#9fc7ff;font-size:11px;letter-spacing:.16em;text-transform:uppercase}.nf-dot{width:7px;height:7px;border-radius:50%;background:#60a5fa;box-shadow:0 0 16px #60a5fa}.nf-hero h1{font:700 clamp(54px,9vw,128px)/.88 'Manrope',sans-serif;letter-spacing:-.07em;margin:24px 0 18px;background:linear-gradient(135deg,#fff 15%,#8ab8ff 48%,#a78bfa 78%,#ff9a4b);-webkit-background-clip:text;background-clip:text;color:transparent}.nf-hero p{max-width:760px;margin:auto;color:#aab7cd;font-size:18px;line-height:1.7}.nf-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:30px}.nf-btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 18px;border-radius:13px;text-decoration:none;border:1px solid rgba(255,255,255,.1);color:#fff;background:rgba(255,255,255,.04);transition:.2s}.nf-btn:hover{transform:translateY(-2px);border-color:rgba(96,165,250,.4)}.nf-btn.primary{background:linear-gradient(135deg,#2563eb,#7c3aed);box-shadow:0 16px 50px rgba(59,130,246,.22)}
.nf-section{max-width:1180px;margin:0 auto;padding:70px 24px}.nf-head{margin-bottom:26px}.nf-head small{color:#78adff;letter-spacing:.16em}.nf-head h2{font-size:42px;letter-spacing:-.04em;margin:8px 0}.nf-head p{color:#94a3b8;max-width:700px}.nf-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}.nf-card{position:relative;overflow:hidden;border:1px solid rgba(120,150,200,.15);border-radius:20px;padding:22px;background:linear-gradient(180deg,rgba(17,27,46,.84),rgba(8,12,24,.82));box-shadow:0 18px 70px rgba(0,0,0,.22);min-height:150px}.nf-card:after{content:'';position:absolute;inset:0;background:linear-gradient(120deg,transparent 25%,rgba(96,165,250,.07),transparent 70%);transform:translateX(-110%);animation:nfSweep 8s ease-in-out infinite}.nf-card .icon{font-size:28px}.nf-card h3{margin:12px 0 6px}.nf-card p{color:#8fa0b9;line-height:1.55;margin:0}.nf-progress{height:12px;background:#101827;border-radius:99px;overflow:hidden;border:1px solid rgba(255,255,255,.08)}.nf-progress i{display:block;height:100%;width:74%;background:linear-gradient(90deg,#2563eb,#8b5cf6,#ff7a18);box-shadow:0 0 20px rgba(96,165,250,.25)}.nf-live{display:flex;align-items:center;justify-content:space-between;gap:15px;border:1px solid rgba(255,122,24,.2);background:rgba(20,12,16,.72);padding:16px;border-radius:16px}.nf-live strong{color:#ffb276}.nf-footer{padding:60px 24px 90px;text-align:center;color:#65738a}.nf-footer b{color:#dce7f8}
@keyframes nfFog{from{transform:translateX(-3%) scale(1)}to{transform:translateX(3%) scale(1.06)}}@keyframes nfSpider{0%,100%{transform:translateY(-8px) rotate(-2deg)}50%{transform:translateY(45px) rotate(4deg)}}@keyframes nfBat{0%{transform:translateX(0) translateY(0)}50%{transform:translateX(60vw) translateY(-35px)}100%{transform:translateX(120vw) translateY(8px)}}@keyframes nfSweep{0%,55%,100%{transform:translateX(-110%)}70%{transform:translateX(110%)}}@media(prefers-reduced-motion:reduce){.nf-fx *,.nf-card:after{animation:none!important}}
/* NIGHTFALL 2026 — enhanced seasonal layer */
.nf-page::before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 8%,rgba(72,32,120,.32),transparent 34%),radial-gradient(circle at 12% 82%,rgba(20,55,110,.18),transparent 30%);z-index:0}.nf-shell{position:relative;z-index:1}.nf-hero{min-height:76vh;display:flex;align-items:center;position:relative;overflow:hidden}.nf-hero:before{content:"🌕";position:absolute;right:8%;top:8%;font-size:clamp(80px,12vw,180px);filter:drop-shadow(0 0 40px rgba(255,190,90,.45));animation:nfMoon 8s ease-in-out infinite}.nf-hero:after{content:"🕷️   🦇      🦇   🎃";position:absolute;left:0;right:0;bottom:6%;font-size:34px;letter-spacing:1.6rem;opacity:.55;animation:nfDrift 13s linear infinite}.nf-card{position:relative;overflow:hidden}.nf-card:before{content:"";position:absolute;inset:-60%;background:conic-gradient(from 180deg,transparent,rgba(95,130,255,.08),transparent 30%);animation:nfSpin 14s linear infinite}.nf-card>*{position:relative}.nf-live{box-shadow:0 0 35px rgba(105,85,255,.16),inset 0 0 30px rgba(40,20,90,.2)}
.nf-spider{position:fixed;top:-40px;right:8%;font-size:42px;z-index:20;animation:nfSpider 9s ease-in-out infinite;pointer-events:none}.nf-fog{position:fixed;inset:auto -20% 0;height:28vh;background:linear-gradient(180deg,transparent,rgba(120,140,180,.08));filter:blur(22px);z-index:0;pointer-events:none;animation:nfFog 10s ease-in-out infinite}.nf-blood{animation:nfBlood 4s ease-in-out infinite}
@keyframes nfMoon{0%,100%{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(18px) rotate(4deg)}}@keyframes nfDrift{0%{transform:translateX(-5%)}100%{transform:translateX(5%)}}@keyframes nfSpin{to{transform:rotate(360deg)}}@keyframes nfSpider{0%{transform:translateY(-30px) rotate(-4deg)}50%{transform:translateY(75vh) rotate(8deg)}100%{transform:translateY(-30px) rotate(-4deg)}}@keyframes nfFog{0%,100%{transform:translateX(-5%)}50%{transform:translateX(5%)}}@keyframes nfBlood{50%{filter:drop-shadow(0 0 22px rgba(180,40,70,.35))}}