.oral-login{--oral-navy: var(--c-primary, #0f2a4a);--oral-navy-rgb: 15, 42, 74;--oral-navy-light: #1c3f6b;--oral-accent: var(--c-accent, #f2793a);--oral-accent-rgb: var(--c-accent-rgb, 242, 121, 58);--oral-line: var(--c-line, #e6e9ee);--oral-surface: var(--c-surface, #fff);--oral-ink: var(--c-ink, #16212e);--oral-muted: var(--c-muted, #6b7686);--oral-danger: #b42318;--oral-danger-bg: #fef2f2;--oral-danger-border: #fecaca;--oral-success: #0d7a3f;--oral-success-bg: #e8f6ec;--oral-success-border: #b9e4c4;--oral-radius-lg: 20px;--oral-radius-md: 14px;--oral-radius-sm: 10px;min-height:100vh;width:100%;box-sizing:border-box;display:flex;align-items:center;justify-content:center;padding:48px 24px;background:radial-gradient(circle at 15% 10%,rgba(var(--oral-accent-rgb),.06),transparent 45%),radial-gradient(circle at 85% 90%,rgba(var(--oral-navy-rgb),.05),transparent 45%),#f4f5f7}*,*:before,*:after{box-sizing:border-box}.oral-login-panel{display:flex;width:100%;max-width:1040px;border-radius:var(--oral-radius-lg);overflow:hidden;background:var(--oral-surface);box-shadow:0 1px 2px #1018280a,0 24px 60px -14px rgba(var(--oral-navy-rgb),.28)}.oral-login-step{animation:oralLoginFadeIn .25s ease}@keyframes oralLoginFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.oral-login-auth{flex:0 0 52%;max-width:52%;display:flex;align-items:center;justify-content:center;padding:56px 48px}.oral-login-auth-inner{width:100%;max-width:380px}.oral-login-logo{margin-bottom:28px;display:flex;align-items:center;justify-content:center}.oral-login-logo img{height:42px;width:auto;display:block}.oral-login-title{font-size:26px;font-weight:800;line-height:1.25;letter-spacing:-.02em;color:var(--oral-ink);margin:0 0 10px}.oral-login-subtitle{font-size:14px;line-height:1.5;color:var(--oral-muted);margin:0 0 26px;font-weight:500}.oral-login-subtitle strong{color:var(--oral-ink);font-weight:700;word-break:break-all}.oral-login-alert{background:var(--oral-danger-bg);color:var(--oral-danger);border:1px solid var(--oral-danger-border);border-radius:var(--oral-radius-sm);padding:12px 16px;font-size:13px;font-weight:600;line-height:1.4;margin-bottom:20px}.oral-login-alert-success{background:var(--oral-success-bg);color:var(--oral-success);border-color:var(--oral-success-border)}.oral-login-btn-group{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.oral-login-btn{position:relative;width:100%;height:48px;display:flex;align-items:center;justify-content:center;border-radius:var(--oral-radius-sm);font-size:14px;font-weight:700;font-family:inherit;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,transform .08s ease,box-shadow .15s ease}.oral-login-btn:active{transform:translateY(1px)}.oral-login-btn:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(var(--oral-accent-rgb),.22)}.oral-login-btn-icon{position:absolute;left:18px;top:50%;transform:translateY(-50%);width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center}.oral-login-btn-icon svg{width:100%;height:100%}.oral-login-btn-label{line-height:1;text-align:center}.oral-login-btn-outline{background:var(--oral-surface);border:1px solid var(--oral-line);color:var(--oral-ink)}.oral-login-btn-outline:hover{background:rgba(var(--oral-navy-rgb),.03);border-color:rgba(var(--oral-navy-rgb),.24)}.oral-login-btn-primary{width:100%;background:linear-gradient(135deg,var(--oral-accent),#e0631f);border:1px solid rgba(var(--oral-accent-rgb),.45);color:#fff;box-shadow:0 10px 22px -6px rgba(var(--oral-accent-rgb),.4)}.oral-login-btn-primary:hover{filter:brightness(1.04);box-shadow:0 12px 26px -6px rgba(var(--oral-accent-rgb),.46)}.oral-login-btn-primary:active{transform:translateY(1px);box-shadow:0 4px 10px -4px rgba(var(--oral-accent-rgb),.3)}.oral-login-btn-primary:disabled{opacity:.65;cursor:not-allowed;box-shadow:none;filter:none}.oral-login-terms{font-size:12px;line-height:1.6;color:var(--oral-muted);text-align:center;margin:6px 0 0}.oral-login-terms a{color:var(--oral-accent);font-weight:600;text-decoration:underline}.oral-login-field{margin-bottom:20px}.oral-login-label{display:block;font-size:12.5px;font-weight:700;color:var(--oral-ink);margin-bottom:8px}.oral-login-input{width:100%;height:46px;border:1px solid var(--oral-line);border-radius:var(--oral-radius-sm);padding:0 14px;font-size:14.5px;font-family:inherit;color:var(--oral-ink);background:var(--oral-surface);outline:none;transition:border-color .15s ease,box-shadow .15s ease}.oral-login-input::placeholder{color:var(--oral-muted)}.oral-login-input:focus{border-color:var(--oral-accent);box-shadow:0 0 0 3px rgba(var(--oral-accent-rgb),.16)}.oral-login-input-otp{letter-spacing:.4em;font-weight:700;font-size:17px;text-align:center}.oral-login-error{display:block;min-height:16px;color:var(--oral-danger);font-size:12px;font-weight:600;margin-top:6px;line-height:1.4}.oral-login-back{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:none;border:none;border-radius:999px;color:var(--oral-ink);cursor:pointer;padding:0;margin-bottom:16px;transition:background-color .15s ease}.oral-login-back svg{width:18px;height:18px}.oral-login-back:hover{background:rgba(var(--oral-navy-rgb),.06)}.oral-login-back:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(var(--oral-accent-rgb),.22)}.oral-login-resend{font-size:13px;color:var(--oral-muted);margin:0 0 20px}.oral-login-resend button{background:none;border:none;color:var(--oral-accent);font-weight:700;font-size:13px;font-family:inherit;cursor:pointer;padding:0}.oral-login-resend button:disabled{color:rgba(var(--oral-accent-rgb),.45);cursor:default}.oral-login-resend button:focus-visible{outline:none;text-decoration:underline}.oral-login-visual{flex:0 0 48%;max-width:48%;position:relative;overflow:hidden;background:radial-gradient(circle at 75% 25%,rgba(var(--oral-accent-rgb),.35) 0%,transparent 55%),radial-gradient(circle at 30% 85%,rgba(var(--oral-accent-rgb),.18) 0%,transparent 55%),linear-gradient(160deg,var(--oral-navy) 0%,var(--oral-navy-light) 55%,#0a1c30 100%)}.oral-login-visual-content{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.oral-login-visual-orb{position:absolute;border-radius:50%;filter:blur(2px);opacity:.5}.oral-login-visual-orb-1{width:130px;height:130px;top:12%;left:14%;background:radial-gradient(circle,rgba(var(--oral-accent-rgb),.55),transparent 70%);animation:oralLoginFloat 9s ease-in-out infinite}.oral-login-visual-orb-2{width:90px;height:90px;bottom:16%;right:14%;background:radial-gradient(circle,rgba(255,255,255,.28),transparent 70%);animation:oralLoginFloat 11s ease-in-out infinite reverse}.oral-login-visual-orb-3{width:70px;height:70px;bottom:30%;left:18%;background:radial-gradient(circle,rgba(255,255,255,.22),transparent 70%);animation:oralLoginFloat 7s ease-in-out infinite}.oral-login-visual-dot{position:absolute;width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.7);animation:oralLoginPulse 3.5s ease-in-out infinite}.oral-login-visual-dot-1{top:20%;right:24%;animation-delay:0s}.oral-login-visual-dot-2{top:62%;left:18%;animation-delay:.6s}.oral-login-visual-dot-3{bottom:16%;right:30%;animation-delay:1.2s;width:5px;height:5px;background:rgba(var(--oral-accent-rgb),.85)}.oral-login-visual-dot-4{top:38%;left:10%;animation-delay:1.8s;width:5px;height:5px}@keyframes oralLoginFloat{0%,to{transform:translateY(0) translate(0)}50%{transform:translateY(-16px) translate(8px)}}@keyframes oralLoginPulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.4)}}@media (prefers-reduced-motion: reduce){.oral-login-step,.oral-login-visual-orb,.oral-login-visual-dot,.oral-login-btn,.oral-login-back,.oral-login-input{animation:none!important;transition:none!important}}@media (max-width: 1099px) and (min-width: 768px){.oral-login-panel{max-width:880px}.oral-login-auth{flex:0 0 58%;max-width:58%;padding:48px 36px}.oral-login-visual{flex:0 0 42%;max-width:42%}}@media (max-width: 767px){.oral-login{padding:0;align-items:flex-start;background:var(--oral-surface, #fff)}.oral-login-panel{max-width:100%;width:100%;min-height:100vh;border-radius:0;box-shadow:none}.oral-login-visual{display:none}.oral-login-auth{flex:1 1 100%;max-width:100%;align-items:flex-start;padding:40px 22px}.oral-login-auth-inner{max-width:100%}.oral-login-logo{margin-bottom:24px}.oral-login-title{font-size:22px}.oral-login-subtitle{margin-bottom:24px}.oral-login-btn{height:50px}}@media (max-width: 380px){.oral-login-auth{padding:28px 16px}.oral-login-title{font-size:20px}.oral-login-subtitle{margin-bottom:20px;font-size:13px}.oral-login-btn-group{gap:10px}.oral-login-btn{height:48px;font-size:13px}.oral-login-logo img{height:32px}}@media (max-height: 700px) and (min-width: 768px){.oral-login{align-items:flex-start;padding-top:24px;padding-bottom:24px}}