:root{--primary:#4338f2;--primary-dark:#2e25d6;--bg:#eef4fb;--card:#fff;--text:#1d2033;--muted:#71778c;--input:#f4f1ff;--border:#e4e8f0;--cyan:#cff7ff}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);flex-direction:column;min-height:100vh;font-family:Inter,sans-serif;display:flex}a{text-decoration:none}.topbar{background:#f8f5fb;border-bottom:1px solid #e7ebf3;align-items:center;height:82px;display:flex}.navbar-custom{justify-content:space-between;align-items:center;width:100%;max-width:1180px;margin:auto;padding:0 20px;display:flex}.logo{color:var(--primary);font-size:38px;font-weight:800}.nav-icons{gap:24px;display:flex}.nav-icons a{color:#444;font-size:22px}.main-wrapper{flex:1;justify-content:center;align-items:center;padding:60px 20px;display:flex;position:relative;overflow:hidden}.bg-shape{background:var(--cyan);border-radius:0 0 30px 30px;width:350px;height:650px;position:absolute;bottom:0;right:22%}.register-card{background:var(--card);border:1px solid var(--border);z-index:2;border-radius:22px;width:100%;max-width:560px;padding:38px;position:relative}.step-row{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.step{color:#666;font-size:14px;font-weight:600}.step-name{color:var(--primary);font-size:15px;font-weight:600}.progress{background:#dedcf0;border-radius:50px;height:7px;margin-bottom:35px}.progress-bar{background:#2fd1d9;border-radius:50px;width:50%}.title{text-align:center;color:var(--text);margin-bottom:18px;font-size:54px;font-weight:800;line-height:1.1}.subtitle{text-align:center;color:#5e6478;margin-bottom:42px;font-size:17px;line-height:1.8}.input-group-custom{margin-bottom:24px}.input-group-custom label{color:#444;margin-bottom:12px;font-size:15px;font-weight:500;display:block}.required{color:#000}.optional{color:#bbb4d7}.input-wrapper{position:relative}.input-wrapper i{color:#85839c;font-size:20px;position:absolute;top:50%;left:18px;transform:translateY(-50%)}.custom-input{background:var(--input);color:#222;border:none;border-radius:16px;outline:none;width:100%;height:62px;padding:0 55px;font-size:17px}.custom-input::placeholder{color:#b3b2c6}.password-eye{cursor:pointer;right:18px;position:absolute!important;left:auto!important}textarea.custom-input{resize:none;height:140px;padding-top:18px}.small-text{color:#b9b7cb;margin-top:10px;font-size:13px}.btn-main{background:var(--primary);color:#fff;border:none;border-radius:16px;width:100%;height:62px;margin-top:10px;font-size:17px;font-weight:600;transition:all .3s}.btn-main:hover{background:var(--primary-dark)}.btn-main i{margin-left:10px}.login-link{text-align:center;color:#555d73;margin-top:42px;font-size:16px}.login-link a{color:var(--primary);font-weight:700}footer{background:var(--bg);border-top:1px solid #dde4ef;padding:30px 0}.footer-container{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;width:100%;max-width:1180px;margin:auto;padding:0 20px;display:flex}.footer-logo{color:var(--primary);font-size:30px;font-weight:800}.footer-links{flex-wrap:wrap;gap:35px;display:flex}.footer-links a{color:#5f6477}.copyright{color:#5f6477;font-size:15px}@media (width<=768px){.register-card{padding:25px}.title{font-size:40px}.bg-shape{display:none}.footer-container{text-align:center;justify-content:center}}