body{background:var(--ds-gray-100, #f1f5f9);font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased;min-height:100dvh;display:flex;align-items:flex-start;justify-content:center;padding-top:env(safe-area-inset-top, 0px)}.login-card{width:100%;max-width:460px;margin:8vh auto 2rem;border:none;border-radius:var(--ds-r-xl, 12px);box-shadow:0 8px 32px rgba(15,23,42,.12),0 2px 8px rgba(15,23,42,.06);overflow:hidden}.login-header{background:var(--ds-primary, #1a2744);color:#fff;padding:1.75rem 2rem;text-align:center}.login-header .logo-wrap{display:flex;justify-content:center;margin-bottom:.9rem}.login-header .brand-logo{width:min(100%,248px);height:auto;display:block;border-radius:var(--ds-r-lg, 8px);box-shadow:0 18px 34px rgba(0,0,0,.18)}.login-header h1{font-size:var(--text-lg, 16px);margin:0 0 .25rem;font-weight:700;letter-spacing:-0.01em}.login-header p{font-size:var(--text-sm, 12px);opacity:.8;margin:0;line-height:1.4}.login-card .card-body{background:#fff;padding:1.75rem 2rem}.otp-input{font-size:1.8rem;letter-spacing:.5rem;text-align:center;font-family:"Courier New",Courier,monospace;border-radius:var(--ds-r-md, 6px)}.login-security-note{color:var(--ds-gray-500, #64748b);font-size:var(--text-sm, 12px)}@media(max-width: 575px){.login-card{margin:4vh 1rem 2rem;border-radius:var(--ds-r-lg, 8px)}.login-header{padding:1.35rem 1.25rem}.login-header .brand-logo{max-width:180px}.login-header h1{font-size:var(--text-md, 15px)}.login-card .card-body{padding:1.25rem}}