*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{-webkit-font-smoothing:antialiased;font-family:Inter,system-ui,-apple-system,sans-serif}.aps-root{background:#f8fafc;min-height:100vh;display:flex}.aps-left{background:linear-gradient(145deg,#1e1b4b 0%,#312e81 30%,#4c1d95 60%,#6d28d9 100%);flex-direction:column;justify-content:center;align-items:center;width:45%;min-height:100vh;padding:3rem 3rem 2rem;display:flex;position:relative;overflow:hidden}.aps-orb{filter:blur(60px);opacity:.25;border-radius:50%;animation:8s ease-in-out infinite aps-float;position:absolute}.aps-orb-1{background:#818cf8;width:320px;height:320px;animation-delay:0s;top:-80px;left:-80px}.aps-orb-2{background:#c084fc;width:240px;height:240px;animation-delay:-3s;bottom:60px;right:-60px}.aps-orb-3{background:#38bdf8;width:180px;height:180px;animation-delay:-5s;top:50%;left:60%}@keyframes aps-float{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-24px)scale(1.05)}}.aps-brand{z-index:1;text-align:center;color:#fff;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1rem;display:flex;position:relative}.aps-logo-wrap{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff1f;border:1.5px solid #fff3;border-radius:24px;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:.5rem;display:flex;box-shadow:0 8px 32px #0003}.aps-logo-svg{width:48px;height:48px}.aps-brand-name{letter-spacing:.08em;color:#fff;text-shadow:0 2px 16px #0000004d;font-size:2.25rem;font-weight:800}.aps-brand-sub{color:#ffffffa6;letter-spacing:.01em;font-size:.95rem;font-weight:400}.aps-divider{background:#fff3;border-radius:2px;width:48px;height:2px;margin:.5rem 0}.aps-intranet{letter-spacing:.18em;text-transform:uppercase;color:#ffffff59;font-size:.72rem;font-weight:600}.aps-copy{z-index:1;color:#ffffff59;text-align:center;padding-top:1.5rem;font-size:.72rem;position:relative}.aps-right{background:#f8fafc;flex:1;justify-content:center;align-items:center;padding:2rem 1.5rem;display:flex}.aps-card{background:#fff;border:1px solid #f1f5f9;border-radius:24px;width:100%;max-width:420px;padding:2.5rem 2.5rem 2rem;transition:transform .15s;box-shadow:0 4px 6px -1px #0000000d,0 24px 48px -8px #0000001f}.aps-shake{animation:.5s aps-shake}@keyframes aps-shake{0%,to{transform:translate(0)}15%{transform:translate(-8px)}30%{transform:translate(8px)}45%{transform:translate(-6px)}60%{transform:translate(6px)}75%{transform:translate(-3px)}90%{transform:translate(3px)}}.aps-card-top{text-align:center;margin-bottom:1.75rem}.aps-lock-icon{color:#7c3aed;background:linear-gradient(135deg,#ede9fe,#ddd6fe);border-radius:16px;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:1rem;display:inline-flex}.aps-lock-icon svg{width:26px;height:26px}.aps-title{color:#0f172a;letter-spacing:-.01em;margin-bottom:.35rem;font-size:1.5rem;font-weight:700}.aps-subtitle{color:#94a3b8;font-size:.85rem;font-weight:400}.aps-alert{border-radius:12px;align-items:center;gap:.6rem;margin-bottom:1.25rem;padding:.75rem 1rem;font-size:.83rem;font-weight:500;animation:.2s aps-fadein;display:flex}.aps-alert svg{flex-shrink:0;width:18px;height:18px}.aps-alert-error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.aps-alert-success{color:#16a34a;background:#f0fdf4;border:1px solid #bbf7d0}@keyframes aps-fadein{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.aps-field{flex-direction:column;gap:.45rem;margin-bottom:1.1rem;display:flex}.aps-field label{color:#374151;letter-spacing:.01em;font-size:.78rem;font-weight:600}.aps-input-wrap{align-items:center;display:flex;position:relative}.aps-ico{color:#9ca3af;pointer-events:none;flex-shrink:0;width:17px;height:17px;position:absolute;left:.9rem}.aps-input-wrap input{color:#0f172a;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:12px;outline:none;width:100%;padding:.72rem .9rem .72rem 2.6rem;font-family:inherit;font-size:.9rem;transition:border-color .18s,box-shadow .18s,background .18s}.aps-input-wrap input::placeholder{color:#cbd5e1}.aps-input-wrap input:focus{background:#fff;border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1a}.aps-input-wrap input:disabled{opacity:.55;cursor:not-allowed}.aps-eye{cursor:pointer;color:#9ca3af;background:0 0;border:none;border-radius:6px;align-items:center;padding:.25rem;transition:color .15s;display:flex;position:absolute;right:.75rem}.aps-eye svg{width:17px;height:17px}.aps-eye:hover{color:#6366f1}.aps-btn{color:#fff;cursor:pointer;letter-spacing:.01em;background:linear-gradient(135deg,#6366f1 0%,#7c3aed 100%);border:none;border-radius:12px;justify-content:center;align-items:center;gap:.6rem;width:100%;margin-top:1.5rem;padding:.85rem 1.5rem;font-family:inherit;font-size:.92rem;font-weight:600;transition:transform .15s,box-shadow .15s,opacity .15s;display:flex;box-shadow:0 4px 14px #6366f159}.aps-btn svg{width:18px;height:18px}.aps-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #6366f173}.aps-btn:active:not(:disabled){transform:translateY(0)}.aps-btn:disabled{opacity:.7;cursor:not-allowed}.aps-spinner{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;flex-shrink:0;width:17px;height:17px;animation:.7s linear infinite aps-spin}@keyframes aps-spin{to{transform:rotate(360deg)}}.aps-secure{color:#94a3b8;border-top:1px solid #f1f5f9;justify-content:center;align-items:center;gap:.45rem;margin-top:1.5rem;padding-top:1.25rem;font-size:.72rem;display:flex}.aps-secure svg{flex-shrink:0;width:13px;height:13px}@media (width<=768px){.aps-root{flex-direction:column}.aps-left{width:100%;min-height:0;padding:2.5rem 2rem 2rem}.aps-brand{gap:.65rem}.aps-brand-name{font-size:1.75rem}.aps-features{display:none}.aps-card{border-radius:16px;padding:2rem 1.5rem 1.75rem}}