@tailwind base;@tailwind components;@tailwind utilities;html,body{margin:0;padding:0;background-color:#000;color:#fff;font-family:Inter,Roboto,sans-serif;overflow-x:hidden}.site-glow-frame{position:fixed;top:0;right:0;bottom:0;left:0;border:1px solid rgba(255,255,255,.05);pointer-events:none;box-shadow:0 0 80px #ff00961a,inset 0 0 120px #00c8ff1a;z-index:0}.tagline{text-align:center;margin-top:10px;font-size:1.1rem;color:#ffffffbf;letter-spacing:.05em}.btn.primary{background:linear-gradient(90deg,#f97316,#ea580c);color:#fff;font-weight:700;border:none;padding:10px 20px;border-radius:9999px;cursor:pointer;transition:all .25s ease}.btn.primary:hover{transform:scale(1.05);box-shadow:0 0 25px #ff960099}.modalOverlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:100}.modal{background:#141414f2;border:1px solid rgba(255,255,255,.1);padding:24px;border-radius:12px;max-width:420px;text-align:center;color:#fff}.toastBox{position:fixed;bottom:40px;left:50%;transform:translate(-50%);background:#ffffff1a;padding:10px 18px;border-radius:8px;color:#fff;font-weight:500;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.15);z-index:200}:root{--bg: #0a0a0a;--bg2:#000000;--text: #e8c991;--muted:#a8a08f;--accent:#ff9b3d;--accent-2:#ffb86b;--accent-3:#e0741f;--border: rgba(232,201,145,.35)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:radial-gradient(circle at 50% 20%,var(--bg),var(--bg2));color:var(--text);font-family:Inter,system-ui;overflow-x:hidden}.wrap{min-height:100%;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;z-index:5}.modalOverlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000c7;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:9999}.modal{width:min(560px,92vw);background:#111;border:1px solid var(--border);border-radius:16px;padding:20px 22px;box-shadow:0 0 40px #000000bf;z-index:10000}.site-glow-frame{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:2;box-shadow:inset 0 0 120px #ff78143d,inset 0 0 260px #ff5a0029,inset 0 0 480px #ff32001a;background:radial-gradient(circle at center,rgba(255,110,30,.02) 0%,rgba(255,70,0,.04) 40%,transparent 90%)}.logo-container{position:relative;z-index:50;display:flex;justify-content:center;align-items:center;margin-top:160px;margin-bottom:60px;pointer-events:none}.punkloop-logo{width:clamp(240px,48vw,300px);height:auto;z-index:55;pointer-events:none;filter:drop-shadow(0 0 12px rgba(255,150,60,.2)) drop-shadow(0 0 30px rgba(255,120,20,.12)) contrast(1.06) saturate(1.15);-webkit-mask-image:radial-gradient(circle,#000 82%,transparent 100%);mask-image:radial-gradient(circle,#000 82%,transparent 100%);animation:logoBreath 9s ease-in-out infinite}@keyframes logoBreath{0%,to{transform:scale(1);opacity:.96}50%{transform:scale(1.03);opacity:1}}.logo-flame-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:clamp(440px,60vw,540px);height:clamp(440px,60vw,540px);border-radius:50%;z-index:49;pointer-events:none;mix-blend-mode:screen;background:conic-gradient(#00b4ff00,#00b4ff47 36deg,#ff8c2836 82deg,#00c8ff3d 145deg,#ff6e1e2e 200deg,#00b4ff42,#ff963c36 320deg,#00b4ff00 360deg);filter:blur(38px);opacity:.82;animation:flameOrbit 24s linear infinite}@keyframes flameOrbit{0%{transform:translate(-50%,-50%) rotate(0) scale(1)}50%{transform:translate(-50%,-50%) rotate(180deg) scale(1.04)}to{transform:translate(-50%,-50%) rotate(360deg) scale(1)}}.global-aura{position:fixed;top:60%;left:70%;width:85vw;height:85vw;max-width:1400px;max-height:1400px;border-radius:50%;pointer-events:none;z-index:0;background:radial-gradient(circle,rgba(0,200,255,.15) 10%,rgba(0,150,255,.08) 40%,rgba(0,100,255,.05) 70%,transparent 100%);filter:blur(90px);animation:globalAuraDrift 40s ease-in-out infinite}@keyframes globalAuraDrift{0%{transform:translate(-50%,-40%) scale(1) rotate(0)}50%{transform:translate(-52%,-45%) scale(1.16) rotate(180deg)}to{transform:translate(-50%,-40%) scale(1) rotate(360deg)}}.embers{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:8}.ember{position:absolute;bottom:-10px;width:2px;height:2px;background:#ffc887e6;border-radius:50%;box-shadow:0 0 4px #ffbe8cbf,0 0 12px #ff8c3273;opacity:0;animation:emberRise var(--dur) linear infinite,emberSpark 4s ease-in-out infinite}@keyframes emberRise{0%{transform:translateY(0) scale(.55);opacity:0}10%{opacity:.8}to{transform:translateY(-130vh) scale(1);opacity:0}}@keyframes emberSpark{0%,to{opacity:.45}50%{opacity:1}}.tagline{margin:0 0 14px;font-size:clamp(14px,2.6vw,18px)}.panel{width:min(1100px,92vw);margin:10px auto 26px}button.btn.primary,button.primary{background:linear-gradient(180deg,var(--accent),var(--accent-3));color:#111;border-color:#d07c23;box-shadow:0 0 8px #ffb43c66,inset 0 0 6px #fff0c840}button.btn.primary:hover,button.primary:hover{box-shadow:0 0 14px #ffc85a8c,inset 0 0 6px #fff0c84d;transform:translateY(-1px) scale(1.02)}.bountyCard .btn,.panel-winner-active .btn{background:linear-gradient(180deg,var(--accent),var(--accent-3))!important;color:#111!important;border-color:#d07c23!important;font-weight:600;box-shadow:0 0 14px #ff9b3d40}.bountyCard .btn:hover,.panel-winner-active .btn:hover{transform:translateY(-1px);box-shadow:0 0 20px #ffb86b59}.bountyCard input,.winnerCard input,.inputBox{border:1px solid var(--border);background:#0006;color:var(--text);border-radius:10px;padding:8px 10px;font-size:14px}.panel-winner-active{border:1px solid rgba(255,180,80,.4)!important;box-shadow:0 0 18px #ffa53c33}.bountyGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:18px;padding:20px;justify-items:center;align-items:start;width:100%;max-width:1100px;margin:0 auto}.bountyCard{width:100%;max-width:480px;border:1px solid var(--border);border-radius:14px;padding:18px;background:#0000006b;box-shadow:0 3px 14px #00000073,inset 0 0 12px #ffb45a0f;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:transform .15s ease,box-shadow .2s ease}.bountyCard:hover{transform:translateY(-2px);box-shadow:0 6px 22px #0009,0 0 18px #ffb45a26}.bountyHead{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.bountyTitle{font-weight:600;color:#ffb86b;font-size:15px;text-transform:uppercase;letter-spacing:.8px}.contributeModal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:9000;background:#0a0a0aeb;border:1px solid var(--border);box-shadow:0 0 28px #ff8c2840;border-radius:16px;padding:22px;width:min(420px,92vw);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.stepRing{position:relative;overflow:hidden}.stepRing:before{content:"";position:absolute;top:-30%;left:-30%;width:160%;height:160%;background:conic-gradient(#ff8c001f,#0096ff33,#ff8c001f);filter:blur(45px);border-radius:50%;animation:breatheRing 8s linear infinite;z-index:-1}@keyframes glowPulse{0%,to{opacity:.4;filter:brightness(1.2)}50%{opacity:.85;filter:brightness(1.8)}}.animate-glowPulse{animation:glowPulse 12s ease-in-out infinite}input,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-clip:padding-box}input:-webkit-autofill{background-color:#ffa5001a!important;box-shadow:0 0 0 1000px #ffa50026 inset!important;-webkit-text-fill-color:#fff!important;transition:background-color 5000s ease-in-out 0s}