@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;700&family=Plus+Jakarta+Sans:wght@400;500;600;700&family=Unbounded:wght@400;700;800;900&display=swap";
:root{--bg-primary:#0a0514;--bg-secondary:#170b2b;--bg-glass:#ffffff14;--border-glass:#ffffff40;--accent-primary:#38bdf8;--accent-secondary:#c084fc;--text-primary:#fff;--text-secondary:#cbd5e1;--font-display:"Unbounded", sans-serif;--font-body:"Plus Jakarta Sans", sans-serif;--type-fire:#ff5a00;--type-water:#0084ff;--type-grass:#52e028;--type-electric:#ffd600;--type-ice:#00f0ff;--type-fighting:#ff003c;--type-poison:#a200ff;--type-ground:#e5a93d;--type-flying:#7d92ff;--type-psychic:#ff008a;--type-bug:#94d800;--type-rock:#c1a354;--type-ghost:#7b42ff;--type-dragon:#4200ff;--type-dark:#352b3e;--type-steel:#a1a1ba;--type-fairy:#ff7bd1;--type-normal:#a8a89a}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-body);min-height:100vh;position:relative;overflow-x:hidden}body:before,body:after{content:"";z-index:-2;pointer-events:none;width:100vw;height:100vh;position:fixed;top:0;left:0}body:before{opacity:.03;mix-blend-mode:overlay;z-index:-1;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E")}body:after{filter:blur(40px);background:radial-gradient(at 20% 40%,#38bdf866 0%,#0000 60%),radial-gradient(at 80% 30%,#c084fc66 0%,#0000 60%),radial-gradient(at 50% 80%,#3b82f64d 0%,#0000 60%),radial-gradient(at 80% 90%,#e879f933 0%,#0000 60%);animation:15s ease-in-out infinite alternate meshFloat}@keyframes meshFloat{0%{transform:scale(1)translate(0)}50%{transform:scale(1.1)translate(2%,-2%)}to{transform:scale(1)translate(-2%,2%)}}.mono{font-family:JetBrains Mono,monospace}.glass-panel{-webkit-backdrop-filter:blur(24px)saturate(160%);border:1px solid var(--border-glass);background:linear-gradient(135deg,#ffffff1f,#ffffff05);border-radius:24px;box-shadow:inset 0 1px 1px #fff3,0 20px 40px #0006}.glow-primary{box-shadow:0 0 40px #ff2a2a4d}h1,h2,h3,h4,h5,h6{font-family:var(--font-display)}.btn{background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));color:#fff;font-family:var(--font-body);letter-spacing:1px;cursor:pointer;text-transform:uppercase;border:none;border-radius:30px;padding:16px 32px;font-size:1.1rem;font-weight:700;transition:all .4s cubic-bezier(.16,1,.3,1);box-shadow:0 10px 30px #ff2a2a4d}.btn:hover{transform:translateY(-4px)scale(1.02);box-shadow:0 15px 40px #ff2a2a80}.btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.danger-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#ff4d4f;font-family:var(--font-body);letter-spacing:.5px;cursor:pointer;text-transform:uppercase;background:#ff4d4f1a;border:1px solid #ff4d4f80;border-radius:30px;padding:12px 24px;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block;box-shadow:0 4px 15px #ff4d4f33}.danger-btn:hover{color:#fff;background:#ff4d4f33;border-color:#ff4d4fcc;transform:translateY(-2px);box-shadow:0 8px 25px #ff4d4f66}.main-layout{z-index:1;grid-template-columns:1fr 1fr;align-items:center;gap:4rem;max-width:1400px;min-height:100vh;margin:0 auto;padding:4rem 2rem;display:grid;position:relative}@media (max-width:968px){.main-layout{grid-template-columns:1fr;place-items:center;gap:4rem;min-height:auto;padding:6rem 2rem 5rem}}@media (max-width:768px){.main-layout{gap:3.5rem;padding:5rem 1.5rem 4rem}}@media (max-width:480px){.main-layout{gap:3rem;padding:4.5rem 1rem 3rem}}