html,body,#root{height:100%;margin:0;padding:0}body{background:linear-gradient(135deg,#667eea,#764ba2);background-attachment:fixed;background-position:center center;background-size:cover;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#333;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.form-container{max-width:500px;margin:40px auto 60px;background:#fff;padding:30px 40px;border-radius:15px;box-shadow:0 10px 30px #0000001a;font-family:Arial,sans-serif}.form-container h2{text-align:center;color:#3a0ca3;margin-bottom:25px;font-weight:700;font-size:28px;letter-spacing:1.5px}.progress-bar{position:relative;display:flex;justify-content:space-between;margin-bottom:25px;padding:0 15px;height:30px;align-items:center}.progress-bar:before{content:"";position:absolute;top:50%;left:15px;right:15px;height:4px;background:#ddd;transform:translateY(-50%);border-radius:2px;z-index:0}.progress-bar__progress{position:absolute;top:50%;left:15px;height:4px;background:#3a0ca3;transform:translateY(-50%);border-radius:2px;z-index:1;transition:width .3s ease}.progress-step{position:relative;z-index:2;width:30px;height:30px;border-radius:50%;background:#ddd;color:#666;display:flex;justify-content:center;align-items:center;font-weight:700;transition:background-color .3s ease;-webkit-user-select:none;user-select:none}.progress-step.active{background:#3a0ca3;color:#fff}.form-step{animation:fadeIn .5s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}label{display:block;margin-bottom:8px;font-weight:600;color:#333;margin-top:15px}input[type=number],select{width:100%;padding:9px 12px;border:2px solid #ddd;border-radius:8px;font-size:16px;transition:border-color .3s ease}input[type=number]:focus,select:focus{border-color:#3a0ca3;outline:none}.navigation-buttons{margin-top:30px;display:flex;justify-content:space-between}.navigation-buttons button{background:#3a0ca3;border:none;color:#fff;padding:12px 28px;border-radius:8px;cursor:pointer;font-weight:700;font-size:16px;letter-spacing:.6px;transition:background-color .3s ease}.navigation-buttons button:hover{background:#5f3dc4}.error{color:#e63946;margin-top:20px;font-weight:600;text-align:center}.result{margin-top:30px;padding:20px;border-radius:10px;background:#f0f0ff;border:1.5px solid #3a0ca3;color:#3a0ca3;text-align:center;font-weight:700;font-size:18px}.heading{font-size:46px;font-weight:800;color:#fff;text-align:center;margin-bottom:5px;letter-spacing:1.2px}.tagline{text-align:center;font-size:28px;font-weight:500;color:#fff;margin-bottom:30px;font-style:italic;animation:fadeIn 1.2s ease-in-out;position:relative}.tagline:before,.tagline:after{margin:0 10px;color:#ff9800;font-size:18px}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}