@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Inter:wght@300;400;500;600;700&display=swap";:root{--font-display:"Outfit", sans-serif;--font-sans:"Inter", sans-serif;--bg-dark:#080a0f;--bg-dark-gray:#11141d;--bg-card:#11141ca6;--bg-hover:#ffffff0a;--primary-glow:linear-gradient(135deg, #00f2fe 0%, #4facfe 100%);--accent-purple:#8a2be2;--color-cyan:#00f2fe;--color-blue:#4facfe;--text-primary:#fff;--text-secondary:#94a3b8;--text-muted:#64748b;--border-color:#ffffff14;--border-focus:#00f2fe80;--border-glow:0 0 15px #00f2fe40;--shadow-premium:0 8px 32px 0 #00000080;--shadow-neon:0 0 30px #00f2fe1a;--radius-sm:6px;--radius-md:12px;--radius-lg:18px;--radius-xl:24px}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--border-color) transparent;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;position:relative;overflow-x:hidden}body:before{content:"";z-index:-2;pointer-events:none;background-image:linear-gradient(#ffffff04 1px,#0000 1px),linear-gradient(90deg,#ffffff04 1px,#0000 1px);background-size:50px 50px;position:absolute;inset:0}body:after{content:"";z-index:-1;pointer-events:none;filter:blur(80px);background:radial-gradient(circle,#00f2fe0f 0%,#0000 70%);width:500px;height:500px;position:absolute;top:15%;right:10%}.ambient-left{z-index:-1;pointer-events:none;filter:blur(80px);background:radial-gradient(circle,#8a2be20f 0%,#0000 70%);width:400px;height:400px;position:absolute;bottom:15%;left:5%}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff26}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-.02em;font-weight:700}@keyframes pulseGlow{0%{box-shadow:0 0 15px #00f2fe26}50%{box-shadow:0 0 25px #00f2fe59}to{box-shadow:0 0 15px #00f2fe26}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-slide-up{animation:.6s cubic-bezier(.16,1,.3,1) forwards slideUp}.animate-fade-in{animation:.4s ease-out forwards fadeIn}.glass-panel{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-premium);transition:border-color .3s,box-shadow .3s}.glass-panel:hover{border-color:#ffffff26}.text-gradient{background:var(--primary-glow);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.btn-primary{background:var(--primary-glow);color:#000;font-family:var(--font-display);border-radius:var(--radius-md);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-weight:600;transition:transform .2s,filter .3s;display:inline-flex}.btn-primary:hover{filter:brightness(1.1);transform:translateY(-1px)}.btn-primary:active{transform:translateY(1px)}.btn-primary:disabled{background:var(--text-muted);cursor:not-allowed;filter:none;transform:none}.btn-secondary{border:1px solid var(--border-color);color:var(--text-primary);font-family:var(--font-display);border-radius:var(--radius-md);cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-weight:500;transition:background-color .2s,border-color .2s;display:inline-flex}.btn-secondary:hover{background-color:var(--bg-hover);border-color:#fff3}.form-group{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.form-label{font-family:var(--font-display);color:var(--text-secondary);font-size:.9rem;font-weight:500}.form-input{border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-sans);background:#080a0fcc;outline:none;padding:12px 16px;font-size:1rem;transition:border-color .2s,box-shadow .2s}.form-input:focus{border-color:var(--color-cyan);box-shadow:0 0 10px #00f2fe26}
