@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;600;800&family=Orbitron:wght@400;700&display=swap";:root{--bg-deep:#0a0a0f;--bg-card:#ffffff0d;--accent-primary:#6366f1;--accent-glow:#6366f180;--text-main:#f8fafc;--text-dim:#94a3b8;--form1-color:#10b981;--form2-color:#3b82f6;--form3-color:#f59e0b;--form4-color:#a855f7;--form5-color:#ef4444}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-deep);color:var(--text-main);min-height:100vh;font-family:Inter,sans-serif;position:relative;overflow-x:hidden}body:before{content:"";z-index:-1;background:radial-gradient(circle at 30% 30%,#6366f11a 0%,#0000 40%),radial-gradient(circle at 70% 70%,#10b9811a 0%,#0000 40%);width:200%;height:200%;animation:20s ease-in-out infinite alternate bg-drift;position:fixed;top:-50%;left:-50%}@keyframes bg-drift{0%{transform:translate(-5%,-5%)}to{transform:translate(5%,5%)}}h1,h2,h3,.font-game{letter-spacing:.05em;font-family:Orbitron,sans-serif}.glass{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);border:1px solid #ffffff1a;border-radius:16px}.glass-interactive:hover{background:#ffffff14;border-color:#fff3;transition:all .3s;transform:translateY(-2px)}.btn-primary{background:var(--accent-primary);color:#fff;cursor:pointer;box-shadow:0 4px 15px var(--accent-glow);border:none;border-radius:12px;padding:12px 24px;font-weight:600;transition:all .2s}.btn-primary:hover{box-shadow:0 6px 20px var(--accent-glow);transform:scale(1.05)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.xp-container{background:#ffffff1a;border-radius:4px;width:100%;height:8px;margin:1rem 0;overflow:hidden}.xp-fill{background:linear-gradient(90deg, var(--accent-primary), #a855f7);height:100%;box-shadow:0 0 10px var(--accent-glow);transition:width 1s cubic-bezier(.175,.885,.32,1.275)}.avatar-glow{position:relative}.avatar-glow:after{content:"";background:radial-gradient(circle, var(--accent-glow) 0%, transparent 70%);z-index:-1;opacity:.6;animation:3s infinite alternate pulse-glow;position:absolute;inset:-10px}@keyframes pulse-glow{0%{opacity:.4;transform:scale(.95)}to{opacity:.8;transform:scale(1.05)}}.container{max-width:1000px;margin:0 auto;padding:2rem}.flex-center{justify-content:center;align-items:center;display:flex}.grid-cols-2{grid-template-columns:repeat(2,1fr);gap:1.5rem;display:grid}@media (width<=768px){.grid-cols-2{grid-template-columns:1fr}}.skill-node{text-align:center;padding:1rem;transition:all .3s;position:relative}.skill-node.locked{filter:grayscale()opacity(.5)}.skill-node.active{border-color:var(--accent-primary);box-shadow:0 0 15px var(--accent-glow)}input{color:#fff;background:#0000004d;border:1px solid #fff3;border-radius:8px;width:100%;padding:10px 15px;font-size:1rem}input:focus{border-color:var(--accent-primary);box-shadow:0 0 5px var(--accent-glow);outline:none}