body,html{margin:0;padding:0}.register-page{background:#faf7f2;grid-template-columns:55% 45%;align-items:flex-start;width:100%;max-width:1400px;min-height:100vh;margin:0 auto;padding:20px 100px;display:grid}.register-left{max-width:560px}.register-left h2{margin-bottom:4px;font-size:28px}.register-right h3{margin-bottom:8px;font-size:22px}.register-left a{font-weight:500;color:#f97316!important}.benefits-card{background:#e9eef9;border-radius:10px;width:500px;margin-top:24px;padding:22px}.benefits-card h4{margin-bottom:14px;font-size:16px}.benefits-item{margin-bottom:8px;font-size:14px}.benefits-card ul{margin:0;padding:0;list-style:none}.benefits-card li{align-items:center;gap:12px;font-size:15px;line-height:1.6;display:flex}.benefits-card span{font-size:18px}.benefits-list{padding:0;list-style:none;margin:0!important}.benefits-item{align-items:flex-start;gap:12px;margin-bottom:10px;display:flex}.benefits-icon{flex-shrink:0;width:30px;height:30px;margin-top:2px}.benefits-card .ant-typography{margin-top:0!important}.register-right{width:100%;max-width:520px;margin-top:20px}.register-right h3{font-weight:600}.iam-text{margin:12px 0 22px;font-size:15px;display:block}.role-cards{justify-content:center;gap:40px;margin-top:24px;display:flex}.role-card{text-align:left;background-color:#fff;border:none;border-radius:18px;align-items:center;width:320px;padding:20px;transition:all .25s ease-in;display:flex;box-shadow:0 6px 20px #0000000f}.role-card:hover{transform:translateY(-3px);box-shadow:0 18px 40px #00000026}.role-card-content{justify-content:center;align-items:center;gap:20px;display:flex}.role-card h5{margin:0;font-weight:600}.role-card span{color:#555;font-size:14px}.role-icon{width:50px;height:50px}.role-text h5{margin-bottom:0}.role-text span{color:#6b7280;font-size:14px}.register-right .ant-card .ant-card-body{padding:0!important}.auth-title{margin-bottom:32px}.social-row{gap:32px;margin-bottom:36px;display:flex}.auth-card{cursor:pointer;background:#fff;border:none;border-radius:14px;flex:1;justify-content:center;align-items:center;height:64px;padding:30px 30px 30px 28px;display:flex;position:relative;box-shadow:0 10px 28px #00000014}.auth-icon{cursor:pointer;background:#fff;border:none;border-radius:18px;transition:all .25s;box-shadow:0 8px 24px #00000014}.auth-card:hover{transform:translateY(-6px);box-shadow:0 18px 40px #00000026}.auth-text{color:#0f172a;font-size:15px;font-weight:500}.divider-wrap{align-items:center;gap:16px;display:flex}.divider-wrap .line{background:#e6e9ef;flex:1;height:1px}.or-circle{color:#6b7280;background:#fff;border:1px solid #d8dde6;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:16px;display:flex}.email-card{cursor:pointer;background:#fff;border:none;border-radius:14px;justify-content:center;align-items:center;width:100%;height:64px;margin-top:36px;padding-left:28px;display:flex;position:relative;box-shadow:0 10px 28px #00000014}.email-card:hover{transform:translateY(-6px);box-shadow:0 18px 40px #00000026}.healthcare-wrap .ant-card .ant-card-body{display:flex}.nonhealthcare-wrap{gap:60px;margin-top:20px;display:flex}.step-left{width:35%}.step .circle{color:#2f6fed;border:2px solid #2f6fed;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-weight:600;display:flex}.step.active span:last-child{color:#000;font-weight:600}.step.disabled .circle{color:#ccc;border-color:#ccc}.step.disabled span:last-child{color:#bbb}.step-right{width:100%}.info-box{color:#333;background:#fff3cd;border-radius:8px;margin-bottom:24px;padding:18px;font-size:15px;font-weight:400}.info-box .link{color:#2f6fed;cursor:pointer;margin-left:4px}.form-input{width:100%;height:48px;margin-bottom:16px}.actions button{border-radius:22px;min-width:120px;height:44px}.steps{margin-top:30px}.step{cursor:pointer;align-items:center;gap:12px;margin:2px;display:flex}.circle{border:2px solid #ccc;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-weight:600;display:flex}.step.active .circle,.step.completed .circle{color:#fff;background:#52c41a;border-color:#52c41a}.step-line{background:#d9d9d9;width:2px;height:28px;margin-bottom:6px;margin-left:20px}.form-input{height:46px;margin-bottom:16px}.info-box{background:#fff3cd;border-radius:8px;margin-bottom:20px;padding:16px}.actions{justify-content:flex-end;gap:16px;margin-top:24px;display:flex}.checkbox-card{border-radius:10px;padding:20px}.checkbox-title{margin-bottom:16px;font-size:19px;display:block}.register-btn:disabled{opacity:.6;color:#fff!important;background:#f5c9a8!important;border-color:#f5c9a8!important}.step-right .ant-card .ant-card-body{flex-direction:column;display:flex}.checkbox-card .ant-checkbox+span{font-size:17px;line-height:1.6}.actions .btn-next,.actions .register-btn{background-color:#f97316!important}.btn-next:disabled{opacity:.6;cursor:not-allowed}@media (min-width:768px) and (max-width:1024px){.register-page{grid-template-columns:1fr 1fr;gap:20px;padding:20px;display:grid}.register-left{max-width:100%}.register-left h2{font-size:26px}.benefits-card{margin-top:20px;padding:22px}.benefits-item{font-size:14px}.register-right{max-width:100%}.register-right h3{font-size:22px}.role-cards{gap:20px;width:100%;height:100px}.role-card{border-radius:18px;justify-content:center;align-items:center;width:100%;height:120px;display:flex}.role-card-content{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:20px;display:flex}.role-icon{width:48px;height:48px;margin-bottom:-20px}.role-text h5{margin-bottom:-5px;font-size:16px;font-weight:600}.role-text span{color:#000;font-size:14px}.social-row{gap:20px}.auth-card{height:58px;padding:22px}.email-card{height:58px}.step-right{width:100%}.info-box{padding:16px;font-size:14px}.form-input{height:44px}.checkbox-card .ant-checkbox+span{font-size:15px}.role-card-content{flex-direction:column;align-items:center;padding:5px;display:flex}.actions{margin-top:24px}.actions button{min-width:110px;height:42px}}@media (max-width:767px){.register-page{flex-direction:column;gap:32px;padding:24px 20px;display:flex}.register-left{width:100%}.register-left h2{margin-bottom:4px;font-size:26px}.register-left a{font-size:14px}.benefits-card{border-radius:14px;margin-top:20px;padding:20px}.benefits-card h4{margin-bottom:14px;font-size:16px}.benefits-item{gap:10px;margin-bottom:10px;font-size:14px}.benefits-icon{width:26px;height:26px}.register-right{width:100%;max-width:100%}.register-right h3{font-size:22px}.iam-text{margin-bottom:18px;font-size:14px}.role-cards{flex-direction:column;gap:16px;display:flex}.role-card{border-radius:16px;width:100%;height:88px}.role-card-content{flex-direction:row;align-items:center;gap:14px;padding:16px}.role-icon{width:38px;height:38px}.role-text h5{font-size:16px}.role-text span{font-size:14px}.social-row{flex-direction:column;gap:16px}.auth-card{width:100%;height:56px;padding:20px}.email-card{height:56px;margin-top:24px}.divider-wrap{margin:20px 0}.step-right{width:100%}.info-box{padding:14px;font-size:14px;line-height:1.5}.form-input{height:44px;font-size:14px}.checkbox-card{padding:16px}.checkbox-card .ant-checkbox+span{font-size:14px}.actions{flex-direction:column-reverse;gap:12px}.actions button{border-radius:22px;width:100%;height:44px}}.success-box{color:#2f7a3e;background:#dff2e1;border:1px solid #b7e1c0;border-radius:4px;width:100%;padding:12px 16px}.error-box{color:#e42f2f;background:#f2dfdf;border:1px solid #e1b7b7;border-radius:4px;width:100%;padding:12px 16px}.password-rules{margin:8px 0 16px;padding:0;list-style:none}.password-rules li{color:#dc2626;align-items:center;gap:8px;margin-bottom:6px;font-size:14px;display:flex}.password-rules li.valid{color:#16a34a}.password-rules li::marker{display:none}.error-text{color:#dc2626;margin-top:-8px;margin-bottom:12px;font-size:13px}