@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;800&display=swap";*,*:before,*:after{box-sizing:border-box}:root{--bg-color: #020617;--card-bg: rgba(15, 23, 42, .6);--glass-border: rgba(255, 255, 255, .08);--glass-highlight: rgba(255, 255, 255, .03);--primary: #8b5cf6;--secondary: #d946ef;--accent: #06b6d4;--success: #10b981;--text-main: #f8fafc;--text-muted: #94a3b8;--gradient-main: linear-gradient(135deg, var(--primary), var(--secondary));--gradient-glow: radial-gradient(circle, rgba(139, 92, 246, .3) 0%, transparent 70%)}body{margin:0;font-family:Outfit,sans-serif;background-color:var(--bg-color);color:var(--text-main);min-height:100vh;display:flex;justify-content:center;align-items:flex-start;overflow-x:hidden;position:relative;width:100%;background-image:radial-gradient(circle at 15% 15%,rgba(139,92,246,.12) 0%,transparent 40%),radial-gradient(circle at 85% 85%,rgba(6,182,212,.12) 0%,transparent 40%),radial-gradient(circle at 50% 50%,rgba(217,70,239,.05) 0%,transparent 60%)}#root{width:100%;max-width:800px;padding:2rem 1rem;text-align:center;position:relative;z-index:1}button{cursor:pointer;border:none;font-family:inherit}h1,h2,h3{margin:0;font-weight:800;letter-spacing:-.02em}input,textarea{background:#02061799;border:1px solid var(--glass-border);color:var(--text-main);padding:.8rem;border-radius:12px;font-family:inherit;font-size:1rem;transition:all .3s ease;box-shadow:inset 0 2px 4px #0003}input:focus,textarea:focus,button:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-color:var(--primary);box-shadow:0 0 0 4px #8b5cf64d,inset 0 2px 4px #0003}.glass-panel{background:var(--card-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-top:1px solid var(--glass-highlight);border-radius:32px;padding:2rem;box-shadow:0 20px 40px #0006,inset 0 0 0 1px #ffffff0d;position:relative;overflow:hidden}.btn-primary{background:var(--gradient-main);color:#fff;padding:1rem 2.5rem;border-radius:50px;font-weight:700;font-size:1.1rem;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px #8b5cf666,inset 0 1px #fff3;position:relative;overflow:hidden;letter-spacing:.02em;text-transform:uppercase}.btn-primary:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 8px 25px #8b5cf699,0 0 20px #d946ef66}.btn-primary:active{transform:translateY(0) scale(.98)}.tab-container{display:flex;justify-content:center;gap:.5rem;margin-bottom:2rem;background:#0f172a66;padding:.5rem;border-radius:20px;border:1px solid var(--glass-border);display:inline-flex}.tab{background:transparent;color:var(--text-muted);padding:.8rem 1.5rem;border-radius:16px;font-weight:600;transition:all .3s;border:1px solid transparent}.tab:hover{color:var(--text-main)}.tab.active{background:#ffffff14;color:var(--text-main);border-color:#ffffff0d;box-shadow:0 4px 12px #0000001a}@keyframes glow-pulse{0%{box-shadow:0 0 15px var(--primary)}50%{box-shadow:0 0 30px var(--primary),0 0 10px var(--secondary)}to{box-shadow:0 0 15px var(--primary)}}