@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;600;800&display=swap";*,*:before,*:after{box-sizing:border-box}:root{--bg-color: #0f172a;--card-bg: rgba(30, 41, 59, .7);--primary: #8b5cf6;--secondary: #ec4899;--accent: #06b6d4;--text-main: #f8fafc;--text-muted: #94a3b8;--gradient-main: linear-gradient(135deg, var(--primary), var(--secondary))}body{margin:0;font-family:Inter,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 10% 20%,rgba(139,92,246,.15) 0%,transparent 20%),radial-gradient(circle at 90% 80%,rgba(236,72,153,.15) 0%,transparent 20%)}#root{width:100%;max-width:800px;padding:2rem 1rem;text-align:center}button{cursor:pointer;border:none;font-family:inherit}h1,h2,h3{margin:0;font-weight:800}input,textarea{background:#0f172a80;border:1px solid rgba(148,163,184,.2);color:var(--text-main);padding:.8rem;border-radius:8px;font-family:inherit;font-size:1rem;transition:all .3s ease}input:focus,textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #8b5cf633}.glass-panel{background:var(--card-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:2rem;box-shadow:0 8px 32px #0000004d}.btn-primary{background:var(--gradient-main);color:#fff;padding:.8rem 2rem;border-radius:50px;font-weight:600;font-size:1.1rem;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 15px #8b5cf666}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #8b5cf699}.btn-primary:active{transform:translateY(0)}.tab-container{display:flex;justify-content:center;gap:1rem;margin-bottom:2rem}.tab{background:transparent;color:var(--text-muted);padding:.8rem 1.5rem;border-radius:12px;font-weight:600;transition:all .3s}.tab.active{background:#ffffff1a;color:var(--text-main)}