body{box-sizing:border-box;background-color:#eef4fc;margin:0;padding:0}#root{justify-content:center;align-items:center;width:100%;min-height:100vh;display:flex}:root{--primary-color:#0076ff;--primary-hover:#06d;--bg-color:#ebf3fc;--card-bg:#fff;--text-dark:#111827;--text-muted:#6b7280;--text-placeholder:#9ca3af;--border-color:#e5e7eb;--border-focus:#3b82f6;--input-focus-shadow:#3b82f626;--error-color:#ef4444;--success-color:#10b981;--font-family:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}body{font-family:var(--font-family);background-color:var(--bg-color);min-height:100vh;color:var(--text-dark);-webkit-font-smoothing:antialiased;background:linear-gradient(#f0f6fc 0%,#e2eef9 100%);justify-content:center;align-items:center;margin:0;padding:0;display:flex}.landing-container{box-sizing:border-box;flex-direction:column;align-items:center;width:100%;max-width:600px;margin:0 auto;padding:32px 16px;display:flex}.header-brand{justify-content:center;width:100%;margin-bottom:20px;display:flex}.brand-logo{object-fit:contain;width:auto;height:60px}.main-content{width:100%}.title-area{text-align:center;margin-bottom:24px}.main-title{color:#0f172a;letter-spacing:-.8px;margin:0 0 8px;font-size:34px;font-weight:800}.subtitle{color:var(--text-muted);margin:0;font-size:16px;font-weight:400}.form-card,.success-card{background:var(--card-bg);box-sizing:border-box;border-radius:32px;width:100%;padding:32px 28px;box-shadow:0 10px 30px -5px #00000005,0 8px 12px -6px #00000005,0 1px 3px #00000003}.form-group{flex-direction:column;margin-bottom:20px;display:flex}.input-label{color:#1f2937;margin-bottom:10px;font-size:15px;font-weight:700}.required{color:#ef4444;margin-left:2px}.input-wrapper{align-items:center;display:flex;position:relative}.input-icon{color:#9ca3af;pointer-events:none;align-items:center;display:flex;position:absolute;left:20px}.input-icon svg{width:20px;height:20px}.form-input,.form-select{width:100%;font-size:16px;font-weight:500;font-family:var(--font-family);color:var(--text-dark);box-sizing:border-box;background-color:#fff;border:1.5px solid #e5e7eb;border-radius:50px;outline:none;padding:16px 20px 16px 52px;transition:all .2s}.form-input:focus,.form-select:focus{box-shadow:0 0 0 4px var(--input-focus-shadow);border-color:#3b82f6}.form-input::placeholder{color:var(--text-placeholder);font-weight:400}.form-select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%239ca3af' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M19.5 8.25l-7.5 7.5-7.5-7.5'/%3E%3C/svg%3E");background-position:right 22px center;background-repeat:no-repeat;background-size:16px;padding-right:52px}.input-error{border-color:var(--error-color)!important}.error-text{color:var(--error-color);margin-top:6px;padding-left:14px;font-size:13px;font-weight:500}.options-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.options-grid-3{grid-template-columns:1fr 1fr 1fr;gap:10px;display:grid}.option-chip{color:#475569;font-size:15px;font-weight:600;font-family:var(--font-family);cursor:pointer;text-align:center;background-color:#fff;border:1.5px solid #cbd5e1;border-radius:50px;outline:none;padding:14px 18px;transition:all .2s}.option-chip:hover{color:#1e293b;background-color:#f8fafc;border-color:#94a3b8}.option-chip.active{color:#1d4ed8;background-color:#eff6ff;border:2px solid #2563eb;font-weight:700}.btn-primary{color:#fff;width:100%;font-size:17px;font-weight:700;font-family:var(--font-family);cursor:pointer;background-color:#0076ff;border:none;border-radius:50px;justify-content:center;align-items:center;gap:10px;padding:18px 28px;transition:all .2s;display:flex;box-shadow:0 4px 6px -1px #0076ff1a,0 2px 4px -1px #0076ff0f}.btn-primary:hover{background-color:#06d}.btn-submit{margin-top:16px}.btn-icon{width:20px;height:20px;transition:transform .2s}.btn-primary:hover .btn-icon{transform:translateY(1px)}.success-card{text-align:center;animation:.3s ease-out fadeIn}.success-icon{color:var(--success-color);background-color:#f0fdf4;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto 20px;display:flex}.success-card h2{margin:0 0 10px;font-size:22px;font-weight:800}.success-card p{color:var(--text-muted);margin-bottom:24px;font-size:15px;line-height:1.5}.reset-btn{color:var(--text-dark);box-shadow:none;background-color:#f3f4f6}.reset-btn:hover{background-color:#e5e7eb}.animate-slide-down{animation:.2s cubic-bezier(.16,1,.3,1) slideDown}@keyframes slideDown{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (width<=600px){.landing-container{padding:16px 8px}.form-card,.success-card{border-radius:28px;padding:24px 20px}.options-grid-3{grid-template-columns:1fr;gap:8px}}