/* A focused, low-noise registration experience for the website account modal. */
#authModal .modal-card{width:min(560px,calc(100vw - 28px));border-radius:20px;overflow:hidden;box-shadow:0 28px 70px rgba(7,24,38,.28)}
#authModal .modal-head{padding:19px 24px;background:linear-gradient(135deg,#102a43,#183e5d);border:0;color:#fff}
#authModal .modal-head h3{margin:0;color:#fff;font-size:18px;letter-spacing:.01em}
#authModal .modal-head .close{color:#fff;border-color:rgba(255,255,255,.28);background:rgba(255,255,255,.08)}
#authModal .modal-body{padding:24px;background:linear-gradient(180deg,#f8fafb 0,#fff 190px)}
#authModal .auth-tabs{gap:4px;margin:0 0 20px;padding:4px;border:0;border-radius:12px;background:#eaf0f3}
#authModal .auth-tab{border-radius:9px;background:transparent;color:#6b7b86;font-weight:700;transition:.18s}
#authModal .auth-tab.active{background:#fff;color:#102a43;box-shadow:0 3px 10px rgba(16,42,67,.12)}
#smsAuthForm.register-refined:not(.hidden-panel){display:grid;grid-template-columns:1fr 1fr;gap:13px 12px;align-items:start}
#smsAuthForm .register-intro{grid-column:1/-1;display:grid;gap:4px;padding:3px 1px 7px}
#smsAuthForm .register-intro small{font:700 12px Consolas;color:var(--red);letter-spacing:.13em}
#smsAuthForm .register-intro strong{font-size:22px;line-height:1.2;color:#102a43}
#smsAuthForm .register-intro span{font-size:13px;color:#72808a}
#smsAuthForm .formrow{margin:0}
#smsAuthForm .register-code-row{grid-column:1/-1}
#smsAuthForm .formrow label{margin:0 0 6px;font-size:12px;font-weight:700;color:#344958}
#smsAuthForm .formrow input{height:46px;border:1px solid #d7e0e5;border-radius:10px;background:#fff;padding:0 13px;transition:border-color .18s,box-shadow .18s}
#smsAuthForm .formrow input:focus{border-color:#c63d35;box-shadow:0 0 0 3px rgba(198,61,53,.1);outline:0}
#smsAuthForm .sms-code-row{gap:10px}
#smsAuthForm .sms-code-row button{min-width:108px;border-color:#d6e0e5;border-radius:10px;background:#f4f7f8;color:#102a43}
#smsAuthForm .sms-tip{grid-column:1/-1;margin:0;color:#75828b;font-size:12px;line-height:1.55}
#smsAuthForm .checkline{grid-column:1/-1;gap:9px;margin:1px 0 0;padding-top:13px;border-top:1px solid #edf1f3;font-size:12px;line-height:1.65}
#smsAuthForm .checkline input{margin-top:3px;accent-color:#c63d35}
#smsAuthForm .auth-register-submit{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;width:100%;min-height:50px;border-radius:10px;box-shadow:0 10px 18px rgba(198,61,53,.19)}
#smsAuthForm .auth-register-submit small{font-size:12px;font-weight:400;opacity:.82}
@media(max-width:520px){#authModal{align-items:flex-start;overflow-y:auto;padding:8px 0;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}#authModal .modal-card{width:calc(100vw - 20px);height:auto;max-height:none;overflow:visible;flex:none;margin:auto 0;border-radius:16px;display:block}#authModal .modal-head{padding:16px 18px}#authModal .modal-body{overflow:visible;padding:16px}#authModal .auth-tabs{margin-bottom:14px}#smsAuthForm.register-refined:not(.hidden-panel){grid-template-columns:1fr 1fr;gap:10px}#smsAuthForm .register-code-row{grid-column:1/-1}#smsAuthForm .register-intro{gap:2px;padding-bottom:3px}#smsAuthForm .register-intro strong{font-size:20px}#smsAuthForm .formrow label{margin-bottom:4px;font-size:11px}#smsAuthForm .formrow input{height:42px;padding:0 10px;font-size:13px}#smsAuthForm .sms-code-row button{min-width:92px;padding:0 8px;font-size:12px}#smsAuthForm .sms-tip{font-size:11px}#smsAuthForm .checkline{padding-top:10px;font-size:11px;line-height:1.55}#smsAuthForm .auth-register-submit{min-height:46px}}
