:root{--futuuri-blue-500:#1e8fff;--futuuri-blue-400:#3af;--futuuri-blue-600:#0070e0;--futuuri-blue-50:#e8f4ff;--futuuri-dark-950:#030a14;--futuuri-dark-900:#0a1628;--futuuri-dark-800:#112236;--futuuri-dark-700:#1a3048;--futuuri-dark-600:#244060;--auth-left-bg:#081320;--auth-right-bg:#f6f8fb;--auth-card-bg:#fff;--auth-card-border:#d9e1ec;--auth-card-shadow:0 8px 24px #0a16280f;--text-heading:#0a1628;--text-body:#475569;--text-muted:#7a8aa0;--text-link:#0073d9;--color-success:#22c55e;--font-display:"Plus Jakarta Sans", -apple-system, sans-serif;--font-body:"Inter", -apple-system, sans-serif;--font-mono:"JetBrains Mono", monospace;--transition-fast:.2s cubic-bezier(.4, 0, .2, 1);--transition-normal:.35s cubic-bezier(.4, 0, .2, 1)}.auth-page-body-container{background-color:var(--auth-right-bg);font-family:var(--font-body);min-height:100vh;margin:0;padding:0;overflow-x:hidden}.auth-split-wrapper{z-index:10;width:100%;min-height:100vh;display:flex;position:relative}.auth-left-panel{background-color:var(--auth-left-bg);box-sizing:border-box;border-right:1px solid #ffffff0d;flex-direction:column;justify-content:space-between;width:480px;min-width:480px;padding:48px;display:none;position:relative;overflow:hidden}@media (min-width:992px){.auth-left-panel{display:flex}}.auth-canvas-container{display:none}@media (min-width:992px){.auth-canvas-container{z-index:1;pointer-events:none;width:480px;height:100%;display:block;position:absolute;top:0;left:0;overflow:hidden}}.glow-circle{filter:blur(30px);pointer-events:none;background:radial-gradient(circle,#1e8fff29 0%,#0000 70%);border-radius:50%;position:absolute}.glow-circle-1{width:420px;height:420px;top:-180px;left:-60px}.glow-circle-2{width:360px;height:360px;top:320px;left:280px}.glow-circle-3{width:260px;height:260px;top:580px;left:-100px}.left-panel-content{z-index:12;box-sizing:border-box;flex-direction:column;justify-content:space-between;height:100%;display:flex;position:relative}.left-logo{align-items:center;display:flex}.futuuri-brand-logo-img{object-fit:contain;object-position:left center;width:320px;height:138px}.left-hero-text{max-width:384px;margin-top:80px;margin-bottom:auto}.left-title{font-family:var(--font-display);color:#fff;letter-spacing:-.54px;margin:0 0 16px;font-size:36px;font-weight:800;line-height:44px}.left-desc{font-family:var(--font-body);color:#a8b6cb;margin:0;font-size:15px;line-height:24px}.left-feature-badges{flex-wrap:wrap;gap:8px;margin-top:32px;display:flex}.feature-badge{box-sizing:border-box;background:#ffffff0f;border:1px solid #2e4d75;border-radius:14px;align-items:center;height:28px;padding:0 12px;display:inline-flex}.badge-dot{background-color:var(--futuuri-blue-500);width:6px;height:6px;box-shadow:0 0 8px var(--futuuri-blue-500);border-radius:50%;margin-right:8px;display:inline-block}.badge-text{font-family:var(--font-display);color:#f5f8fc;letter-spacing:.22px;font-size:11px;font-weight:600}.left-quote-card{box-sizing:border-box;background:#ffffff0a;border:1px solid #2e4d75;border-radius:12px;width:384px;margin-top:40px;padding:20px}.quote-text{font-family:var(--font-body);color:#f5f8fc;margin:0 0 12px;font-size:13px;font-weight:500;line-height:20px}.quote-author{font-family:var(--font-body);color:#a8b6cb;margin:0;font-size:11px;font-weight:400}.hospital-pills{gap:8px;margin-top:12px;display:flex}.hospital-pill{height:22px;font-family:var(--font-display);color:#f5f8fc;background:#ffffff0f;border:1px solid #2e4d75;border-radius:4px;justify-content:center;align-items:center;padding:0 10px;font-size:10px;font-weight:600;display:inline-flex}.auth-right-panel{background-color:var(--auth-right-bg);box-sizing:border-box;flex-direction:column;flex:1;justify-content:center;align-items:center;min-width:0;padding:48px;display:flex;position:relative;overflow-y:auto}.compliance-ribbon{font-family:var(--font-display);color:var(--text-muted);letter-spacing:.6px;text-transform:uppercase;font-size:10px;font-weight:600;position:absolute;top:32px;right:48px}.auth-card-wrapper{z-index:5;box-sizing:border-box;width:100%;max-width:420px;margin-top:24px;margin-bottom:24px;position:relative}.auth-state-card{background-color:var(--auth-card-bg);border:1px solid var(--auth-card-border);box-shadow:var(--auth-card-shadow);box-sizing:border-box;opacity:0;pointer-events:none;width:100%;transition:opacity var(--transition-normal), transform var(--transition-normal);border-radius:16px;padding:40px;position:absolute;top:0;left:0;transform:translateY(16px)}.auth-state-card.active{opacity:1;pointer-events:auto;position:relative;transform:translateY(0)}.auth-footer-disclaimer{max-width:500px;font-family:var(--font-body);color:var(--text-muted);text-align:center;z-index:5;margin-top:auto;font-size:11px;font-weight:400;line-height:16px}.auth-card-title{font-family:var(--font-display);color:var(--text-heading);letter-spacing:-.14px;margin:0 0 12px;font-size:28px;font-weight:800}.auth-card-subtitle{font-family:var(--font-body);color:var(--text-body);margin:0 0 24px;font-size:14px;line-height:20px}.auth-form{flex-direction:column;gap:16px;width:100%;display:flex}.auth-input-group{flex-direction:column;gap:6px;width:100%;display:flex}.label-row{justify-content:space-between;align-items:center;display:flex}.auth-input-group label{font-family:var(--font-display);color:var(--text-heading);font-size:12px;font-weight:600}.auth-input-group input{font-family:var(--font-body);border:1px solid var(--auth-card-border);height:44px;color:var(--text-heading);box-sizing:border-box;transition:border-color var(--transition-fast);background-color:#fff;border-radius:6px;outline:none;padding:0 14px;font-size:14px}.auth-input-group input:focus{border-color:var(--futuuri-blue-500);box-shadow:0 0 0 2px #1e8fff1a}.auth-input-group input::placeholder{color:var(--text-muted)}.password-input-wrapper{width:100%;position:relative}.password-input-wrapper input{width:100%;padding-right:44px}.password-toggle-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.password-toggle-btn:hover{color:var(--text-heading)}.btn{height:44px;font-family:var(--font-display);cursor:pointer;box-sizing:border-box;width:100%;transition:background-color var(--transition-fast), border-color var(--transition-fast), transform var(--transition-fast);border-radius:8px;outline:none;justify-content:center;align-items:center;font-size:14px;font-weight:600;display:inline-flex}.btn-primary{background-color:var(--futuuri-blue-500);color:#fff;border:none}.btn-primary:hover{background-color:var(--futuuri-blue-400)}.btn-primary:active{background-color:var(--futuuri-blue-600);transform:scale(.99)}.btn-secondary{border:1px solid var(--auth-card-border);color:var(--text-heading);background-color:#fff}.btn-secondary:hover{background-color:#f8fafc;border-color:#c0ccd9}.btn-secondary:active{transform:scale(.99)}.auth-card-link{font-family:var(--font-display);color:var(--text-link);transition:opacity var(--transition-fast);font-size:12px;font-weight:600;text-decoration:none}.auth-card-link:hover{opacity:.8}.auth-divider{justify-content:center;align-items:center;width:100%;margin:16px 0;display:flex}.auth-divider:before,.auth-divider:after{content:"";background-color:var(--auth-card-border);flex:1;height:1px}.auth-divider span{font-family:var(--font-display);color:var(--text-muted);letter-spacing:.66px;text-transform:uppercase;padding:0 16px;font-size:11px;font-weight:600}.sso-auth-btn{border:1px solid var(--auth-card-border);height:44px;color:var(--text-heading);background-color:#fff;border-radius:8px;justify-content:center;align-items:center;gap:12px;display:flex}.ms-logo-icon{grid-template-columns:repeat(2,1fr);gap:1.5px;width:16px;height:16px;display:grid}.ms-square{width:7.25px;height:7.25px}.ms-red{background-color:#f25022}.ms-green{background-color:#7fba00}.ms-blue{background-color:#00a4ef}.ms-yellow{background-color:#ffb900}.sso-hint-text{font-family:var(--font-body);color:var(--text-muted);text-align:center;margin-top:8px;margin-bottom:4px;font-size:11px;font-weight:400}.checkbox-note-row{align-items:flex-start;gap:8px;margin-top:8px;display:flex}.note-checkbox-icon{background-color:var(--text-body);border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;width:14px;height:14px;margin-top:2px;display:flex}.note-checkbox-icon svg{color:#fff}.note-text{font-family:var(--font-body);color:var(--text-body);margin:0;font-size:12px;font-weight:400;line-height:16px}.access-invitation-note{font-family:var(--font-body);color:var(--text-muted);text-align:center;margin-top:20px;font-size:11px;font-weight:400;line-height:16px}.card-icon-header{border-radius:12px;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 20px;display:flex}.bg-blue-tint{color:var(--futuuri-blue-500);background-color:#1e8fff14;border:1px solid #1e8fff33}.bg-amber-tint{color:#d97706;background-color:#fef3c7;border:1px solid #fcd34d}.otp-inputs-row{justify-content:space-between;gap:6px;width:100%;margin:24px 0;display:flex}.otp-box{border:1px solid var(--auth-card-border);width:48px;height:56px;color:var(--text-heading);font-family:var(--font-mono);text-align:center;box-sizing:border-box;transition:border-color var(--transition-fast);background-color:#fff;border-radius:6px;outline:none;font-size:24px;font-weight:500}.otp-box:focus{border-color:var(--futuuri-blue-500);box-shadow:0 0 0 2px #1e8fff1a}.mfa-timer-row{font-family:var(--font-body);color:var(--text-muted);text-align:center;margin-bottom:16px;font-size:14px}.mfa-resend-row{font-family:var(--font-body);color:var(--text-body);text-align:center;margin-top:16px;font-size:14px}.mfa-lost-access{font-family:var(--font-body);color:var(--text-muted);text-align:center;margin-top:12px;font-size:14px}.mfa-identity-footer{font-family:var(--font-body);color:var(--text-muted);text-align:center;border-top:1px solid var(--auth-card-border);margin-top:24px;padding-top:16px;font-size:13px}.strength-indicator-row{font-family:var(--font-display);color:var(--text-muted);justify-content:space-between;align-items:center;margin-top:8px;margin-bottom:6px;font-size:11px;font-weight:600;display:flex}.strength-label{letter-spacing:.6px;text-transform:uppercase}.strength-value{color:var(--color-success)}.strength-bars-row{gap:4px;width:100%;margin-bottom:12px;display:flex}.strength-bar{background-color:var(--auth-card-border);height:4px;transition:background-color var(--transition-fast);border-radius:2px;flex:1}.strength-bar.filled{background-color:var(--color-success)}.strength-requirements-list{flex-direction:column;gap:6px;margin-bottom:20px;display:flex}.req-item{font-family:var(--font-body);color:var(--text-body);align-items:center;gap:8px;font-size:12px;display:flex}.req-icon-check{color:var(--color-success);justify-content:center;align-items:center;display:flex}.auth-back-btn{color:var(--text-link);font-family:var(--font-display);cursor:pointer;background:0 0;border:none;outline:none;align-items:center;gap:6px;margin-bottom:24px;padding:0;font-size:12px;font-weight:600;display:inline-flex}.auth-back-btn:hover{opacity:.8}.role-badge-pill{border:1px solid var(--auth-card-border);height:22px;font-family:var(--font-display);color:var(--text-body);border-radius:12px;align-items:center;gap:6px;margin-bottom:16px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}.role-badge-dot{background-color:var(--futuuri-blue-500);border-radius:50%;width:5px;height:5px}.envelope-badge-wrapper{width:64px;height:64px;color:var(--futuuri-blue-500);background-color:#1e8fff14;border:1px solid #1e8fff26;border-radius:16px;justify-content:center;align-items:center;margin:0 auto 24px;display:flex;position:relative}.envelope-notify-dot{background-color:var(--color-success);border:2.5px solid #fff;border-radius:50%;width:14px;height:14px;position:absolute;top:-2px;right:-2px}.toast-notification-wrap{z-index:9999;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:24px;right:24px}.toast{background-color:var(--text-heading);color:#fff;font-family:var(--font-body);animation:toastSlideIn var(--transition-fast) forwards;border-radius:8px;padding:12px 18px;font-size:13px;box-shadow:0 4px 12px #00000026}.toast.error{background-color:#ef4444}.toast.success{background-color:var(--color-success)}@keyframes toastSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
