:root{color:#14324a;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#eef5fa;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-weight:400;line-height:1.45}*{box-sizing:border-box}body{min-height:100vh;margin:0}#app{min-height:100vh}a{color:inherit}.eyebrow{letter-spacing:.18em;text-transform:uppercase;color:#3158a4;margin:0 0 .45rem;font-size:.76rem;font-weight:800}.auth-shell{place-items:center;min-height:100vh;padding:2rem 1rem;display:grid}.auth-card{backdrop-filter:blur(18px);background:#ffffffe0;border:1px solid #6682b738;border-radius:28px;grid-template-columns:1.15fr .85fr;width:min(1120px,100%);display:grid;overflow:hidden;box-shadow:0 28px 80px #172d5624}.auth-visual{background:radial-gradient(circle at 0 0,#5779cc29,#0000 40%),linear-gradient(160deg,#fbfdff 0%,#eff4fb 48%,#edf2f9 100%);border-right:1px solid #6682b729;padding:2.5rem;position:relative}.brand-lockup{align-items:center;gap:1rem;display:flex}.brand-lockup__logos{flex-shrink:0;align-items:center;gap:.85rem;display:flex}.brand-lockup__logo-link{background:#ffffffe6;border:1px solid #7587b538;border-radius:18px;justify-content:center;align-items:center;min-height:78px;padding:.55rem;display:inline-flex;box-shadow:0 10px 28px #21366114}.brand-lockup__logo-link--pillar{padding:.55rem .7rem}.brand-lockup__icon{-o-object-fit:cover;object-fit:cover;border-radius:14px;width:56px;height:56px;display:block}.brand-lockup__pillar{-o-object-fit:contain;object-fit:contain;width:auto;height:56px;display:block}.brand-lockup h1{color:#0f1f44;margin:0;font-size:clamp(2rem,3.6vw,3.2rem);line-height:1.03}.auth-lead{color:#52667e;max-width:52ch;margin:1.2rem 0 0;font-size:1rem;line-height:1.7}.auth-form-panel{background:linear-gradient(#ffffffeb,#f8fafff5);align-content:center;gap:1.4rem;padding:2.5rem 2.25rem;display:grid}.auth-copy p:last-child{color:#5c6e84;margin:0;line-height:1.7}.auth-notice{color:#2b4a78;background:#ebf4ffe6;border:1px solid #5e7fbc3d;border-radius:12px;margin:.85rem 0 0;padding:.8rem .95rem;font-size:.9rem;line-height:1.5}.auth-footer{gap:.85rem;margin-top:.2rem;display:grid}.auth-sso-container{gap:1.25rem;margin-bottom:.5rem;display:grid}.bluekey-btn{color:#fff;cursor:pointer;transition:background-color var(--motion-duration-fast,.15s) var(--motion-ease-standard,ease), transform var(--motion-duration-fast,.15s) var(--motion-ease-emphasis,ease), box-shadow var(--motion-duration-fast,.15s) var(--motion-ease-standard,ease), opacity var(--motion-duration-fast,.15s) var(--motion-ease-standard,ease);background:#3158a4;border:none;border-radius:14px;justify-content:center;align-items:center;gap:.75rem;padding:.9rem 1.5rem;font-size:1rem;font-weight:700;display:inline-flex;box-shadow:0 4px 12px #3158a43d}.bluekey-btn:hover:not(:disabled){background:#264684;transform:translateY(-1px);box-shadow:0 6px 16px #3158a44d}.bluekey-btn:disabled{opacity:.6;cursor:not-allowed}.auth-caption{color:#78879b;margin:0;font-size:.84rem}.auth-guide-btn{color:#23427b;cursor:pointer;background:#f7faff;border:1px solid #6580b247;border-radius:999px;justify-content:center;align-items:center;width:fit-content;min-width:136px;padding:.72rem 1rem;font-weight:700;text-decoration:none;display:inline-flex}.auth-guide-btn:hover{background:#edf4ff}.auth-error-banner{margin:0}.status-banner{backdrop-filter:blur(12px);border:1px solid;border-radius:16px;margin:.8rem 0 1.2rem;padding:.85rem 1.1rem;font-size:.95rem;font-weight:700}.status-banner.error{color:#a32222;background:#a3222214;border-color:#a322222e}.auth-copy a{color:#23427b;text-underline-offset:2px;text-decoration:underline}@media (width<=980px){.auth-card{grid-template-columns:1fr}.auth-visual{border-bottom:1px solid #6682b729;border-right:0}}@media (width<=720px){.auth-card,.auth-form-panel,.auth-visual{border-radius:22px}.auth-visual,.auth-form-panel{padding:1.1rem}.brand-lockup{flex-direction:column;align-items:start}.brand-lockup__logos{gap:.65rem}.brand-lockup__icon{width:48px;height:48px}}.mb-4{margin-bottom:1rem}.mt-3,.space-y-3>*+*{margin-top:.75rem}.space-y-2>*+*{margin-top:.5rem}.w-full{width:100%}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.rounded{border-radius:.5rem}.border{border-style:solid;border-width:1px}.border-gray-300{border-color:#d1d5db}.bg-gray-50{background-color:#f9fafb}.p-3{padding:.75rem}.text-left{text-align:left}.font-semibold{font-weight:600}.text-gray-700{color:#374151}.hover\:bg-gray-100:hover{background-color:#f3f4f6}.transition-colors{transition:background-color var(--motion-duration-fast,.15s) var(--motion-ease-standard,ease), color var(--motion-duration-fast,.15s) var(--motion-ease-standard,ease), border-color var(--motion-duration-fast,.15s) var(--motion-ease-standard,ease)}.w-5{width:1.25rem}.h-5{height:1.25rem}.transform{transform:rotate(0)}.transition-transform{transition:transform var(--motion-duration-fast,.15s) var(--motion-ease-emphasis,ease)}.rotate-180{transform:rotate(180deg)}.border-blue-200{border-color:#bfdbfe}.bg-blue-50{background-color:#eff6ff}.text-sm{font-size:.875rem}.text-blue-900{color:#1e3a8a}.border-amber-200{border-color:#fde68a}.bg-amber-50{background-color:#fffbeb}.text-amber-900{color:#78350f}