.reg-wrap{max-width:520px;margin:20px auto;padding:0 15px;}
.reg-card{background:rgba(15,20,30,0.95);border:1px solid rgba(218,165,32,0.15);border-radius:16px;overflow:hidden;}
.reg-header{background:linear-gradient(135deg,#DAA520 0%,#B8860B 100%);padding:20px 24px;text-align:center;}
.reg-header h2{margin:0;color:#fff;font-size:18px;font-weight:700;letter-spacing:1px;}
.reg-header p{margin:4px 0 0;color:rgba(255,255,255,0.7);font-size:12px;}
.reg-body{padding:20px 24px;}
.reg-row{display:flex;gap:12px;}
.reg-row .reg-field{flex:1;}
.reg-field{margin-bottom:14px;}
.reg-field label{display:block;font-size:11px;color:#8b95a5;margin-bottom:4px;font-weight:600;text-transform:uppercase;letter-spacing:0.5px;}
.reg-field input,.reg-field select{width:100%;height:38px;background:#0a0a0a;border:1px solid rgba(255,255,255,0.1);border-radius:8px;color:#e6edf3;font-size:13px;padding:0 12px;outline:none;transition:border-color 0.2s;box-sizing:border-box;}
.reg-field input:focus,.reg-field select:focus{border-color:#DAA520;}
.reg-field input::placeholder{color:#4a5568;font-size:12px;}
.reg-field select{-webkit-appearance:none;appearance:none;}
.reg-field select option{background:#0a0a0a;color:#e6edf3;}
.reg-divider{height:1px;background:rgba(255,255,255,0.06);margin:16px 0;}
.reg-section-title{font-size:11px;color:#DAA520;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-bottom:12px;display:flex;align-items:center;gap:6px;}
.reg-section-title i{font-size:13px;}
.reg-phone-row{display:flex;gap:8px;}
.reg-phone-row select{width:80px;flex-shrink:0;padding:0 8px;}
.reg-phone-row input{flex:1;}
.reg-email-row{display:flex;gap:8px;align-items:flex-end;}
.reg-email-row .reg-field{flex:1;margin-bottom:0;}
.reg-email-row .btn-verify-send{height:38px;padding:0 14px;background:linear-gradient(135deg,#DAA520,#B8860B);border:none;border-radius:8px;color:#fff;font-size:11px;font-weight:600;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:opacity 0.2s;}
.reg-email-row .btn-verify-send:hover{opacity:0.9;}
.reg-email-row .btn-verify-send:disabled{opacity:0.5;cursor:not-allowed;}
.reg-otp-inline{display:flex;gap:8px;margin-top:8px;align-items:center;}
.reg-otp-inline input{width:120px;height:36px;text-align:center;font-size:15px;letter-spacing:5px;font-weight:700;background:#0a0a0a;border:1px solid rgba(218,165,32,0.3);border-radius:8px;color:#DAA520;}
.reg-otp-inline .btn-otp-confirm{height:36px;padding:0 14px;background:linear-gradient(135deg,#28a745,#20c997);border:none;border-radius:8px;color:#fff;font-size:11px;font-weight:600;cursor:pointer;white-space:nowrap;}
#otpStatus{font-size:11px;margin-top:4px;min-height:16px;}
.otp-verified-box{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:rgba(12,198,96,0.08);border:1px solid rgba(12,198,96,0.3);border-radius:8px;margin-top:6px;font-size:12px;}
.otp-verified-box .fa-check-circle{color:#DAA520;font-size:16px;}
.otp-verified-box span{color:#DAA520;font-weight:600;}
.reg-terms{display:flex;align-items:flex-start;gap:8px;margin:4px 0 0;font-size:11px;color:#8b95a5;line-height:1.4;}
.reg-terms input[type=checkbox]{width:16px;height:16px;min-width:16px;margin-top:1px;accent-color:#DAA520;}
.reg-terms a{color:#DAA520;text-decoration:none;}
.reg-footer{padding:16px 24px;background:rgba(0,0,0,0.2);}
.btn-register{width:100%;height:46px;background:linear-gradient(135deg,#DAA520 0%,#B8860B 100%);border:none;border-radius:10px;color:#fff;font-size:15px;font-weight:700;cursor:pointer;letter-spacing:1px;transition:all 0.3s;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 15px rgba(218,165,32,0.3);}
.btn-register:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgba(218,165,32,0.4);}
.shake-error{animation:shake 0.4s ease;}
@keyframes shake{0%,100%{transform:translateX(0)}25%{transform:translateX(-6px)}75%{transform:translateX(6px)}}
@media(max-width:576px){
.reg-wrap{margin:10px auto;padding:0 10px;}
.reg-body{padding:16px;}
.reg-row{flex-direction:column;gap:0;}
.reg-header{padding:16px;}
.reg-header h2{font-size:16px;}
.reg-footer{padding:12px 16px;}
.btn-register{height:42px;font-size:14px;}
}



.verify-tabs{display:flex;background:#0a0f18;border-radius:10px;padding:3px;margin-bottom:14px;border:1px solid rgba(255,255,255,0.06);}
.verify-tab{flex:1;height:34px;border:none;background:transparent;border-radius:8px;color:#6b7280;font-size:12px;font-weight:600;cursor:pointer;transition:all 0.25s ease;display:flex;align-items:center;justify-content:center;gap:6px;}
.verify-tab.active{background:linear-gradient(135deg,#DAA520,#B8860B);color:#fff;box-shadow:0 2px 8px rgba(218,165,32,0.3);}
.verify-tab:not(.active):hover{color:#DAA520;}
.verify-box{padding:14px;background:rgba(218,165,32,0.03);border-radius:10px;border:1px solid rgba(218,165,32,0.1);}
.verify-box p{margin:0 0 10px;font-size:12px;color:#8b95a5;}
.verify-info{display:flex;align-items:center;gap:8px;padding:8px 12px;background:rgba(218,165,32,0.06);border-radius:8px;margin-bottom:10px;font-size:11px;color:#DAA520;}
.verify-info i{font-size:14px;}
.btn-verify-full{width:100%;height:40px;background:linear-gradient(135deg,#DAA520,#B8860B);border:none;border-radius:8px;color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:all 0.2s;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 2px 10px rgba(218,165,32,0.2);}
.btn-verify-full:hover{box-shadow:0 4px 15px rgba(218,165,32,0.35);transform:translateY(-1px);}
.btn-verify-full:disabled{opacity:0.5;cursor:not-allowed;transform:none;}
.btn-verify-full.sms-btn{background:linear-gradient(135deg,#8B5CF6,#6D28D9);}
.btn-verify-full.sms-btn:hover{box-shadow:0 4px 15px rgba(139,92,246,0.35);}
.otp-enter{display:flex;gap:8px;margin-top:12px;align-items:center;}
.otp-enter input{flex:1;height:40px;text-align:center;font-size:18px;letter-spacing:6px;font-weight:700;background:#0a0f18;border:2px solid rgba(218,165,32,0.2);border-radius:10px;color:#DAA520;outline:none;transition:border-color 0.2s;}
.otp-enter input:focus{border-color:#DAA520;}
.otp-enter .btn-confirm{height:40px;padding:0 18px;background:linear-gradient(135deg,#10B981,#059669);border:none;border-radius:10px;color:#fff;font-size:12px;font-weight:700;cursor:pointer;white-space:nowrap;transition:all 0.2s;}
.otp-enter .btn-confirm:hover{box-shadow:0 3px 10px rgba(16,185,129,0.3);}
.otp-verified-inline{display:flex;align-items:center;gap:8px;padding:10px 14px;background:rgba(16,185,129,0.08);border:1px solid rgba(16,185,129,0.25);border-radius:10px;animation:fadeIn 0.3s ease;}
.otp-verified-inline i{color:#10B981;font-size:20px;}
.otp-verified-inline .v-label{color:#10B981;font-weight:700;font-size:13px;}
.otp-verified-inline .v-detail{color:#6b7280;font-size:11px;margin-left:auto;}
@keyframes fadeIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}