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;padding-right:10px!important}.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 .back-btn,.actions .next-btn,.actions .register-btn{cursor:pointer;white-space:nowrap;border-radius:25px;justify-content:center;align-items:center;gap:10px;width:140px;height:42px;padding:0 18px;font-size:15px;font-weight:600;transition:all .3s;display:inline-flex}.actions .back-btn{color:#000;background-color:#fff;border:2px solid silver}.actions .back-btn:hover{color:#f2813d;background-color:#fff;border-color:#f2813d;transform:translateY(-1px)}.actions .next-btn,.actions .register-btn{color:#fff;background-color:#f2813d;border:2px solid #f2813d}.actions .next-btn:hover,.actions .register-btn:hover{color:#f2813d;background-color:#fff;border-color:#f2813d;transform:translateY(-1px)}.actions .next-btn:disabled,.actions .register-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-arrow{opacity:0;font-size:18px;transition:opacity .25s,transform .25s}.actions .back-btn .btn-arrow{transform:translate(8px)}.actions .next-btn .btn-arrow,.actions .register-btn .btn-arrow{transform:translate(-8px)}.actions .back-btn:hover .btn-arrow,.actions .next-btn:hover .btn-arrow,.actions .register-btn:hover .btn-arrow{opacity:1;transform:translate(0)}.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:#68a161;border-color:#68a161}.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}.step-right .ant-card .ant-card-body{flex-direction:column;display:flex}.checkbox-card .ant-checkbox+span{font-size:17px;line-height:1.6}.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}@media (min-width:1200px) and (max-width:1399px){.register-page{gap:30px;padding:20px 60px}.benefits-card{width:100%;padding:18px}.role-card{width:280px;padding:18px}.role-icon{width:45px;height:45px}.auth-card,.email-card{height:58px;padding:20px}.form-input{height:44px}.info-box{padding:14px;font-size:14px}}@media (min-width:768px) and (max-width:1023px){.register-page{grid-template-columns:1fr;gap:0;min-height:auto;padding:20px 30px}.register-left{max-width:100%;min-height:200px}.register-right{flex-direction:column;align-items:center;display:flex}.benefits-card{width:100%;margin-top:16px;padding:16px}.benefits-item{gap:10px;margin-bottom:8px;font-size:13px}.benefits-icon{width:24px;height:24px}.role-cards{gap:20px;margin-top:16px}.role-card{width:240px;padding:14px}.role-icon{width:38px;height:38px}.role-card-content{gap:12px}.role-text h5{font-size:14px}.role-text span{font-size:12px}.social-row{gap:20px;margin-bottom:24px}.auth-card,.email-card{height:52px;padding:16px}.auth-icon{width:20px;height:20px;padding-right:6px}.or-circle{width:28px;height:28px;font-size:12px}.steps{margin-top:20px}.step{gap:8px}.step .circle{width:28px;height:28px;font-size:12px}.step-line{height:20px;margin-left:16px}.info-box{margin-bottom:16px;padding:12px;font-size:13px}.form-input{height:42px;margin-bottom:12px;font-size:14px}.checkbox-card{padding:14px}.checkbox-title{margin-bottom:12px;font-size:16px}.checkbox-card .ant-checkbox+span{font-size:14px}.actions{gap:12px;margin-top:20px}.actions .back-btn,.actions .next-btn,.actions .register-btn{width:120px;height:38px;font-size:13px}.success-box,.error-box{padding:10px;font-size:12px}}@media (min-width:481px) and (max-width:767px){.register-page{grid-template-columns:1fr;gap:16px;min-height:auto;padding:16px 20px}.register-left h2{font-size:22px}.register-right h3{font-size:18px}.iam-text{margin:8px 0 16px;font-size:13px}.benefits-card{width:100%;margin-top:12px;padding:12px}.benefits-card h4{margin-bottom:10px;font-size:14px}.benefits-item{gap:8px;margin-bottom:6px;font-size:12px}.benefits-icon{width:20px;height:20px}.role-cards{flex-direction:column;align-items:center;gap:12px;margin-top:12px}.role-card{width:100%;max-width:260px;padding:12px}.role-icon{width:32px;height:32px}.role-card-content{gap:10px}.role-text h5{font-size:14px}.role-text span{font-size:12px}.social-row{flex-direction:column;gap:12px;margin-bottom:20px}.auth-card,.email-card{width:100%;height:48px;padding:12px}.auth-icon{width:18px;height:18px;padding-right:6px}.or-circle{width:26px;height:26px;font-size:11px}.email-card{margin-top:20px}.steps{margin-top:16px}.step{gap:8px}.step .circle{width:26px;height:26px;font-size:11px}.step span:last-child{font-size:12px}.step-line{height:18px;margin-left:14px}.info-box{margin-bottom:14px;padding:10px;font-size:12px}.form-input{height:40px;margin-bottom:10px;font-size:13px}.checkbox-card{padding:12px}.checkbox-title{margin-bottom:10px;font-size:14px}.checkbox-card .ant-checkbox+span{font-size:13px}.actions{flex-direction:column;gap:10px;margin-top:16px}.actions .back-btn,.actions .next-btn,.actions .register-btn{width:120px;height:38px;font-size:13px}.success-box,.error-box{padding:8px;font-size:11px}}@media (max-width:480px){.register-page{grid-template-columns:1fr;gap:12px;min-height:auto;padding:12px 16px}.register-left h2{font-size:20px}.register-right h3{margin-bottom:4px;font-size:16px}.iam-text{margin:6px 0 12px;font-size:12px}.benefits-card{width:100%;margin-top:8px;padding:10px}.benefits-card h4{margin-bottom:8px;font-size:13px}.benefits-item{gap:6px;margin-bottom:5px;font-size:11px}.benefits-icon{width:18px;height:18px}.role-cards{flex-direction:column;align-items:center;gap:10px;margin-top:10px}.role-card{width:100%;max-width:240px;padding:10px}.role-icon{width:28px;height:28px}.role-card-content{gap:8px}.role-text h5{font-size:13px}.role-text span{font-size:11px}.social-row{flex-direction:column;gap:10px;margin-bottom:16px}.auth-card,.email-card{height:44px;padding:10px}.auth-icon{width:16px;height:16px;padding-right:4px}.or-circle{width:24px;height:24px;font-size:10px}.email-card{margin-top:16px}.steps{margin-top:12px}.step{gap:6px}.step .circle{width:24px;height:24px;font-size:10px}.step span:last-child{font-size:11px}.step-line{height:16px;margin-left:12px}.info-box{margin-bottom:12px;padding:8px;font-size:10px}.form-input{height:36px;margin-bottom:8px;font-size:12px}.checkbox-card{padding:10px}.checkbox-title{margin-bottom:8px;font-size:13px}.checkbox-card .ant-checkbox+span{font-size:12px}.actions{flex-direction:column;gap:8px;margin-top:12px}.actions .back-btn,.actions .next-btn,.actions .register-btn{width:120px;height:38px;font-size:13px}.success-box,.error-box{padding:6px;font-size:10px}}