html{min-height:100%;background:linear-gradient(to bottom,#4382b8,#badcff)}body{min-height:100%;margin:0;display:flex;flex-direction:column;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;background:transparent}.header{display:flex;justify-content:space-between;align-items:center}.logo{height:80px;margin-left:36px}.nav{display:flex;gap:2rem;font-size:14px;font-family:Archivo,sans-serif;line-height:24px;font-weight:400;color:#fff}.nav a{text-decoration:none;color:#fff;font-weight:500}.hero{display:flex;flex-direction:column;align-items:center;padding-top:0rem;padding-bottom:.5rem;text-align:center;color:#fff;min-height:100vh;box-sizing:border-box}.hero h1{font-size:4rem;line-height:1.1;font-family:Archivo,sans-serif;font-weight:400;max-width:700px;margin-bottom:.3rem}.hero h3{font-size:1.4rem;line-height:1.1;font-family:Archivo,sans-serif;font-weight:400;max-width:700px;margin-bottom:1rem}.form-box{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 4px 12px #0000001a;max-width:400px;width:100%;box-sizing:border-box;font-family:-apple-system,system-ui,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-weight:400}.form-box input{width:100%;color:#30313d;padding:1rem;margin-bottom:1rem;border:1px solid #ccc;border-radius:6px;font-size:1rem;box-sizing:border-box}.form-box select{width:100%;padding:1rem;margin-bottom:1rem;border:1px solid #ccc;border-radius:6px;font-size:1rem;font-family:Archivo,sans-serif;box-sizing:border-box;background-color:#fff;color:#333;font-weight:400;appearance:none}.form-box button{background-color:#74aee6;color:#fff;border:none;padding:1rem;width:100%;border-radius:6px;font-size:14.88px;font-family:Archivo,sans-serif;cursor:pointer;box-sizing:border-box;transition:background-color .2s ease}.form-box button:hover{background-color:#3b89d3}.form-label{text-align:left;display:block;font-size:14.88px;margin-bottom:.25rem;color:#30313d;font-family:-apple-system,system-ui,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-weight:400;font-synthesis-weight:auto}.form-box input,.form-box select{border-color:#e6e6e6}.form-box input:focus,.form-box select:focus{outline:none;border-color:#0570de;box-shadow:0 0 0 2px #0570de4d}.progress-container{width:100%;height:8px;background-color:#e0e0e0;border-radius:6px;margin-bottom:1.5rem;overflow:hidden}.progress-bar{height:100%;background-color:#74aee6;border-radius:6px;transition:width .3s ease}.button-group{display:flex;gap:10px;margin-top:10px}.button-group button{flex:1}.success-message{color:#2e7d32;font-size:1.4rem;font-weight:600;text-align:center;padding:1rem;background-color:#e6f4ea;border:1px solid #c8e6c9;border-radius:8px;margin-top:1rem}.spinner-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#ffffffb3;display:flex;justify-content:center;align-items:center;z-index:1000}.spinner{border:4px solid #f3f3f3;border-top:4px solid #4382B8;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.hero{padding:1.5rem}.hero h1{font-size:2.5rem;margin:0 0 .5rem}.hero h3{font-size:1.1rem;margin:0 0 1rem}.form-box{padding:1.5rem;max-width:90%;margin:0 auto}body{padding-left:1rem;padding-right:1rem}.nav{gap:1rem;font-size:12px}.logo{height:60px;margin-left:16px}}@media (max-width: 480px){.hero{padding:1rem;min-height:auto}.hero h1{font-size:1.8rem;margin:0 0 .5rem}.hero h3{font-size:1rem;margin:0 0 1rem}.form-box{padding:1.2rem;max-width:90%;margin:0 auto}body{padding-left:.5rem;padding-right:.5rem}}
