:root{--bg-deep: #030014;--bg-card: rgba(18, 18, 28, .6);--primary: #818cf8;--secondary: #c084fc;--accent: #38bdf8;--text-primary: #ffffff;--text-secondary: #94a3b8;--text-tertiary: #64748b;--gradient-aurora: linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);--gradient-glow: radial-gradient(circle at top center, rgba(129, 140, 248, .15) 0%, rgba(3, 0, 20, 0) 70%);--border-glass: rgba(255, 255, 255, .08);--border-active: rgba(129, 140, 248, .3);--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px;--radius-full: 9999px;--font-display: "Outfit", sans-serif;--font-body: "Inter", sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{background-color:#0a0a0f;overscroll-behavior:none}body{font-family:var(--font-body);background-color:#0a0a0f;background-image:var(--gradient-glow);background-size:100% 100%;background-attachment:fixed;color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased;min-height:100vh;width:100%;overscroll-behavior:none}#root{height:100%;width:100%;display:flex;flex-direction:column}h1,h2,h3,h4,button{font-family:var(--font-display)}.gradient-text{background:var(--gradient-aurora);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glass-panel{background:#0f0f19a6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-glass);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f,inset 0 1px #ffffff0d}button{transition:all .3s cubic-bezier(.4,0,.2,1)}button:active{transform:scale(.97)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.fade-in{animation:fadeIn .6s ease-out forwards}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#fff3}@media(max-width:768px){.responsive-flex-row{flex-direction:column!important;gap:16px!important}.responsive-input-group{flex-direction:column!important;align-items:stretch!important;padding:24px!important;border-radius:28px!important;gap:20px!important;background:#0f0f19e6!important;box-shadow:0 10px 40px -10px #000c!important;border:1px solid rgba(255,255,255,.15)!important}.responsive-input-group>input{margin:0!important;width:100%!important;border-radius:0!important;text-align:center!important;font-size:16px!important;padding:12px 0 20px!important;background:transparent!important;border-bottom:1px solid rgba(255,255,255,.1)!important}.responsive-input-group>span{margin:-4px 0!important;font-size:14px!important;color:var(--text-tertiary)!important;text-align:center;font-weight:600!important}.responsive-input-group button,.responsive-input-group label{width:100%!important;padding:18px!important;border-radius:16px!important;justify-content:center!important;font-size:16px!important;margin:0!important}.mobile-w-full{width:100%!important;max-width:100%!important}.mobile-nav-container{padding:16px 20px!important}.mobile-hero-container{padding:60px 20px 40px!important}.mobile-hide{display:none!important}.mobile-hero-title{font-size:38px!important;line-height:1.1!important;margin-bottom:20px!important}.mobile-hero-subtitle{font-size:16px!important;margin-bottom:40px!important;padding:0 10px!important}.mobile-editor-navbar{padding:16px!important}.mobile-editor-main{padding:24px 16px 60px!important}}