:root{--primary:#6c63ff;--primary-light:#948dff;--primary-dark:#5046e5;--secondary:#ff6584;--accent:#ffd166;--bg-dark:#0d0f1e;--bg-card:#1a1c2e;--text-main:#fff;--text-muted:#a0a0b0;--success:#06d6a0;--warning:#ffd166;--danger:#ef476f}body{background-color:var(--bg-dark);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;font-family:Nunito,Noto Sans SC,sans-serif;overflow-x:hidden}*{box-sizing:border-box}h1,h2,h3,h4,h5,h6{margin:0;font-weight:700}p{margin:0}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-4{gap:1rem}.w-full{width:100%}.h-full{height:100%}.flex-1{flex:1}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.glass-panel{-webkit-backdrop-filter:blur(12px);background:#1a1c2eb3;border:1px solid #ffffff14}.btn{cursor:pointer;border:none;border-radius:9999px;outline:none;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-primary{background-color:var(--primary);color:#fff;box-shadow:0 4px 14px #6c63ff66}.btn-primary:hover{background-color:var(--primary-light);transform:translateY(-2px);box-shadow:0 6px 20px #6c63ff99}.btn-secondary{background-color:var(--secondary);color:#fff;box-shadow:0 4px 14px #ff658466}.btn-outline{color:var(--primary);border:2px solid var(--primary);background-color:#0000}.btn:active,.btn-press:active{transition:transform .1s;transform:scale(.96)!important}.card{background-color:var(--bg-card);border-radius:1.5rem;padding:1.25rem;box-shadow:0 8px 32px #0003}.transition-smooth{transition:all .3s cubic-bezier(.4,0,.2,1)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-float{animation:3s ease-in-out infinite float}@keyframes pulse-glow{0%,to{box-shadow:0 0 10px #6c63ff66}50%{box-shadow:0 0 20px #6c63ffcc}}.animate-glow{animation:2s infinite pulse-glow}.input{width:100%;color:var(--text-main);background-color:#ffffff0d;border:1px solid #ffffff1a;border-radius:1rem;padding:.75rem 1.25rem;font-family:inherit;transition:all .3s}.input:focus{border-color:var(--primary);background-color:#ffffff1a;outline:none;box-shadow:0 0 0 3px #6c63ff33}.input::placeholder{color:var(--text-muted)}