@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;700&display=swap";:root{--bg-color:#fff;--text-primary:#0f172a;--text-secondary:#64748b;--accent-color:#2563eb;--theme-blue:#85cffe;--font-main:"Outfit", sans-serif;color:var(--text-primary);font-family:var(--font-main);-webkit-font-smoothing:antialiased;background-color:#f8fafc;line-height:1.5}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f8fafc;min-height:100vh;margin:0}#root{width:100%;min-height:100vh;position:relative}.mobile-container{background:linear-gradient(#fff 0%,#f0f9ff 30%,#85cffe 100%);flex-direction:column;max-width:480px;min-height:100vh;margin:0 auto;display:flex;overflow-x:hidden;box-shadow:0 0 40px #0000000d}h1,h2,h3{color:#111827;font-weight:700;line-height:1.1}p{color:var(--text-secondary);font-size:1.1rem}.form-group{text-align:left;margin-bottom:24px}label{color:#334155;margin-bottom:10px;margin-left:4px;font-size:.9rem;font-weight:600;display:block}input,select{width:100%;font-family:var(--font-main);color:#1a202c;background-color:#fff;border:1.5px solid #e2e8f0;border-radius:18px;padding:16px 20px;font-size:1rem;transition:all .3s cubic-bezier(.4,0,.2,1)}input:focus,select:focus{border-color:var(--accent-color);outline:none;box-shadow:0 0 0 4px #2563eb14}.btn-primary{background-color:var(--accent-color);color:#fff;cursor:pointer;border:none;border-radius:30px;width:100%;padding:18px;font-size:1.1rem;font-weight:700;transition:all .3s;box-shadow:0 10px 20px -5px #2563eb4d}.btn-primary:active{transform:scale(.97)}.btn-primary:disabled{color:#94a3b8;box-shadow:none;cursor:not-allowed;background-color:#e2e8f0}.btn-secondary{color:#475569;cursor:pointer;background:#f1f5f9;border:none;border-radius:30px;padding:18px 24px;font-weight:700;transition:all .2s}.progress-container{gap:6px;margin-bottom:30px;display:flex}.progress-bar{background:#f1f5f9;border-radius:2px;flex:1;height:4px;transition:all .5s}.progress-bar.active{background:var(--accent-color)}.fade-in{animation:.4s ease-out fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:10px}html,body{width:100%;position:relative;overflow-x:hidden}
