:root{--navy-dark:#090d3a;--blue-primary:#1d5cff;--blue-hover:#1046e0;--blue-light:#f4f7ff;--bg-soft-gray:#f8fafc;--text-main:#1f2937;--text-gray:#4b5563;--text-light-gray:#9ca3af;--cute-pink:#ffd1dc;--border-color:#e2e8f0;--border-hover:#cbd5e1;--error-color:#ef4444;--error-bg:#fef2f2}*,:before,:after{box-sizing:inherit}.login-page-container{background-color:var(--bg-soft-gray);width:100vw;height:100vh;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;position:absolute;top:0;left:0;overflow:hidden;margin:0!important;padding:0!important}.background-blob{filter:blur(140px);opacity:.18;z-index:1;pointer-events:none;border-radius:50%;position:absolute}.blob-top{background-color:var(--cute-pink);width:40vw;height:40vw;top:-10vh;right:-5vw}.blob-bottom{background-color:var(--blue-primary);width:45vw;height:45vw;bottom:-15vh;left:-5vw}.login-grid-layout{z-index:10;grid-template-columns:1fr;width:100%;height:100%;display:grid;position:relative}@media (width>=1024px){.login-grid-layout{grid-template-columns:38% 62%}}.login-sidebar-banner{background-color:var(--navy-dark);color:#fff;box-sizing:border-box;border-right:1px solid #ffffff0f;flex-direction:column;justify-content:space-between;height:100vh;padding:60px 48px;display:none}@media (width>=1024px){.login-sidebar-banner{display:flex}}.sidebar-logo-area{align-items:center;gap:12px;display:flex}.sidebar-logo-icon{color:var(--blue-primary)}.sidebar-logo-text{letter-spacing:-.5px;font-size:30px;font-weight:800}.sidebar-logo-text span{color:var(--cute-pink)}.sidebar-title{letter-spacing:-.03em;margin:40px 0 20px;font-size:clamp(24px,2.2vw,36px);font-weight:800;line-height:1.25}.sidebar-subtitle{color:#94a3b8;margin-bottom:48px;font-size:15px;font-weight:400;line-height:1.6}.sidebar-features-list{flex-direction:column;gap:28px;display:flex}.sidebar-feature-item{align-items:flex-start;gap:16px;display:flex}.feature-icon-box{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.pink-variant{color:#ffaec1;background-color:#ffd1dc1a}.green-variant{color:#34d399;background-color:#10b9811a}.feature-text-box h4{color:#fff;margin:0 0 4px;font-size:15px;font-weight:600}.feature-text-box p{color:#94a3b8;margin:0;font-size:13.5px;line-height:1.5}.sidebar-footer p{color:#ffffff4d;letter-spacing:.2px;margin:0;font-size:12px}.login-form-area{box-sizing:border-box;justify-content:center;align-items:center;width:100%;height:100vh;padding:40px;display:flex}.login-card-wrapper{box-sizing:border-box;background-color:#fff;border:1px solid #e2e8f0b3;border-radius:24px;width:100%;max-width:490px;padding:48px;animation:.5s cubic-bezier(.16,1,.3,1) loginFadeUp;box-shadow:0 10px 30px #05082b08,0 1px 3px #00000005}@media (width<=640px){.login-form-area{padding:20px}.login-card-wrapper{border-radius:20px;padding:36px 24px}}.login-card-header{flex-direction:column;margin-bottom:32px;display:flex}.login-logo-mobile{background-color:var(--blue-light);width:48px;height:48px;color:var(--blue-primary);border-radius:12px;justify-content:center;align-items:center;margin-bottom:20px;display:flex}@media (width>=1024px){.login-logo-mobile{display:none}}.login-header-title{color:var(--navy-dark);letter-spacing:-.02em;margin:0 0 8px;font-size:28px;font-weight:700}.login-header-subtitle{color:var(--text-gray);margin:0;font-size:14.5px;line-height:1.5}.login-form{flex-direction:column;gap:22px;display:flex}.login-error-container{background-color:var(--error-bg);border:1px solid #ef444433;border-radius:12px;padding:12px 16px;animation:.3s loginFadeUp}.login-error-container p{color:var(--error-color);margin:0;font-size:14px;font-weight:500;line-height:1.4}.login-input-group{flex-direction:column;gap:8px;display:flex}.login-input-label{color:var(--text-main);letter-spacing:-.01em;font-size:13.5px;font-weight:600}.login-input-field-wrapper{align-items:center;width:100%;display:flex;position:relative}.login-input-icon{color:var(--text-light-gray);transition:color .2s;position:absolute;left:16px}.login-input{border:1.5px solid var(--border-color);width:100%;color:var(--text-main);background-color:#fff;border-radius:12px;outline:none;padding:14px 16px 14px 48px;font-size:14.5px;transition:all .2s}.login-input:hover:not(:disabled){border-color:var(--border-hover)}.login-input:focus{border-color:var(--blue-primary);box-shadow:0 0 0 4px #1d5cff12}.login-input:disabled{background-color:var(--bg-soft-gray);color:var(--text-light-gray);cursor:not-allowed}.login-input-field-wrapper:focus-within .login-input-icon{color:var(--blue-primary)}.login-toggle-password{cursor:pointer;color:var(--text-light-gray);background:0 0;border:none;border-radius:50%;align-items:center;padding:6px;transition:color .2s,background-color .2s;display:flex;position:absolute;right:14px}.login-toggle-password:hover:not(:disabled){color:var(--text-gray);background-color:var(--bg-soft-gray)}.login-action-button{background-color:var(--blue-primary);color:#fff;cursor:pointer;border:none;border-radius:12px;width:100%;margin-top:8px;padding:14px;font-size:15px;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1)}.login-action-button:hover:not(:disabled){background-color:var(--blue-hover);box-shadow:0 4px 12px #1d5cff26}.login-action-button:active:not(:disabled){transform:scale(.985)}.login-action-button:disabled{opacity:.6;cursor:not-allowed}.login-loading-wrapper{justify-content:center;align-items:center;gap:8px;display:flex}.animate-spin{animation:.8s linear infinite loginSpin}@keyframes loginFadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes loginSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root{--sand:#fff3e4;--paper:#fff;--ink:#0c2340;--ink-soft:#5b6b84;--ink-line:#0c234038;--line:#0c23401a;--blue:#0b4fd1;--blue-deep:#001d4a;--blue-line:#0b4fd138;--sky:#e6efff;--honey:#ffc24b;--moss:#1f9d6b;--display:"Bricolage Grotesque", "Figtree", system-ui, sans-serif;--body:"Figtree", system-ui, -apple-system, "Segoe UI", sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{background:var(--sand);color:var(--ink);font-family:var(--body);margin:0;font-size:16px;line-height:1.5;overflow-x:hidden}#root{min-height:100svh}img,video{max-width:100%}:focus-visible{outline:3px solid var(--blue);outline-offset:3px;border-radius:6px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}