.login-page{background:var(--kia-bg);min-height:100vh;color:var(--kia-text);-webkit-font-smoothing:antialiased;justify-content:center;align-items:center;padding:24px;font-family:Inter,system-ui,sans-serif;display:flex;position:relative;overflow:hidden}.login-page *,.login-page :before,.login-page :after{box-sizing:border-box;margin:0;padding:0}.login-wrapper{z-index:1;border-radius:32px;width:100%;max-width:1040px;min-height:600px;max-height:calc(100vh - 48px);animation:.8s forwards login-enter;display:flex;position:relative;overflow:hidden;box-shadow:0 32px 80px #0d94882e,0 0 0 1px #ffffff80}@keyframes login-enter{0%{opacity:0;transform:translateY(24px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.login-branding{background:linear-gradient(150deg, var(--kia-primary-deeper) 0%, var(--kia-primary-dark) 40%, var(--kia-primary) 100%);color:#fff;flex-direction:column;flex:1;justify-content:space-between;padding:48px 40px;display:flex;position:relative;overflow:hidden}.login-branding:before{content:"";background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none'%3E%3Cg fill='%23ffffff' fill-opacity='0.04'%3E%3Ccircle cx='30' cy='30' r='1.5'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");position:absolute;inset:0}.login-branding:after{content:"";background:radial-gradient(circle,#ffffff14,#0000 60%);border-radius:50%;width:400px;height:400px;position:absolute;bottom:-100px;right:-100px}.login-brand-header{z-index:1;position:relative}.login-brand-logo{color:inherit;align-items:center;gap:12px;margin-bottom:48px;text-decoration:none;display:flex}.login-brand-mark{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff26;border:1px solid #fff3;border-radius:16px;place-items:center;width:48px;height:48px;font-size:16px;font-weight:800;display:grid}.login-brand-name{letter-spacing:-.02em;font-size:22px;font-weight:800}.login-brand-tagline{letter-spacing:-.02em;z-index:1;font-size:clamp(24px,3vw,32px);font-weight:800;line-height:1.2;position:relative}.login-brand-desc{opacity:.75;z-index:1;max-width:320px;margin-top:16px;font-size:15px;line-height:1.7;position:relative}.login-brand-features{z-index:1;flex-wrap:wrap;gap:10px;margin-top:auto;padding-top:40px;display:flex;position:relative}.login-feature-pill{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1a;border:1px solid #ffffff26;border-radius:999px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:500;display:flex}.login-feature-pill-icon{border-radius:50%;place-items:center;width:20px;height:20px;font-size:10px;display:grid}.login-form-panel{background:var(--kia-surface);flex-direction:column;flex:1.15;justify-content:center;padding:36px 40px;display:flex;overflow-y:auto}.auth-tabs{background:#0f172a0a;border-radius:14px;margin-bottom:24px;padding:4px;display:flex;position:relative}.auth-tab{color:var(--kia-text-muted);cursor:pointer;z-index:1;background:0 0;border:none;border-radius:10px;flex:1;padding:12px 16px;font-family:inherit;font-size:14px;font-weight:600;transition:color .3s;position:relative}.auth-tab--active{color:var(--kia-primary-dark)}.auth-tab-slider{background:#fff;border-radius:10px;transition:left .35s cubic-bezier(.4,0,.2,1),width .35s cubic-bezier(.4,0,.2,1);position:absolute;top:4px;bottom:4px;box-shadow:0 2px 8px #00000014}.tab-enter{animation:.35s forwards tab-fade-in}.tab-leave{animation:.2s forwards tab-fade-out}@keyframes tab-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes tab-fade-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-8px)}}.login-form-header{margin-bottom:24px}.login-form-title{letter-spacing:-.02em;margin-bottom:6px;font-size:26px;font-weight:800}.login-form-subtitle{color:var(--kia-text-muted);font-size:14px;line-height:1.6}.login-form{flex-direction:column;gap:16px;display:flex}.login-field-group{flex-direction:column;gap:5px;display:flex}.login-label{color:var(--kia-text);font-size:13px;font-weight:600}.login-input-wrap{align-items:center;display:flex;position:relative}.login-input-icon{width:18px;height:18px;color:var(--kia-text-light);pointer-events:none;transition:color .3s;position:absolute;left:14px}.login-input-icon svg{fill:currentColor;width:18px;height:18px}.login-input{width:100%;color:var(--kia-text);background:#f0fdfa80;border:1.5px solid #0f172a1a;border-radius:12px;outline:none;padding:12px 16px 12px 44px;font-family:inherit;font-size:14px;transition:all .3s}.login-input::placeholder{color:var(--kia-text-light)}.login-input:hover{background:#f0fdfacc;border-color:#0d948840}.login-input:focus{border-color:var(--kia-primary);background:#fff;box-shadow:0 0 0 4px #0d94881a}.login-input-wrap:focus-within .login-input-icon{color:var(--kia-primary)}.login-password-toggle{cursor:pointer;color:var(--kia-text-light);background:0 0;border:none;place-items:center;padding:4px;transition:color .3s;display:grid;position:absolute;right:12px}.login-password-toggle:hover{color:var(--kia-primary)}.login-password-toggle svg{fill:currentColor;width:18px;height:18px}.login-options{justify-content:space-between;align-items:center;gap:16px;display:flex}.login-remember{cursor:pointer;color:var(--kia-text-muted);-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:13px;display:flex}.login-remember input[type=checkbox]{cursor:pointer;width:16px;height:16px;accent-color:var(--kia-primary);border:1.5px solid #0f172a26;border-radius:5px}.login-submit{color:#fff;background:linear-gradient(135deg, var(--kia-primary), var(--kia-primary-dark));cursor:pointer;border:none;border-radius:14px;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px 24px;font-family:inherit;font-size:15px;font-weight:700;transition:all .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 36px #0d94884d,inset 0 1px #fff3}.login-submit:before{content:"";opacity:0;background:linear-gradient(135deg,#0000,#ffffff1a);transition:opacity .3s;position:absolute;inset:0}.login-submit:hover{transform:translateY(-2px);box-shadow:0 16px 44px #0d948866}.login-submit:hover:before{opacity:1}.login-submit:active{transform:translateY(0)}.login-submit svg{fill:currentColor;width:18px;height:18px}.login-footer-text{text-align:center;color:var(--kia-text-muted);margin-top:16px;font-size:13px}.login-footer-link{color:var(--kia-primary);cursor:pointer;background:0 0;border:none;font-family:inherit;font-size:13px;font-weight:700;text-decoration:none;transition:color .2s}.login-footer-link:hover{color:var(--kia-primary-dark);text-decoration:underline}.login-back{z-index:10;color:var(--kia-text-muted);background:var(--kia-glass);border:1px solid var(--kia-glass-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:999px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;text-decoration:none;transition:all .3s;display:flex;position:absolute;top:24px;left:24px}.login-back:hover{color:var(--kia-primary-dark);box-shadow:var(--kia-shadow-sm);background:#ffffffe6}.login-back svg{fill:currentColor;width:16px;height:16px}.login-errors{background:#ef44440f;border:1px solid #ef444426;border-radius:12px;align-items:flex-start;gap:10px;margin-bottom:16px;padding:14px 18px;display:flex}.login-error-icon{color:#dc2626;flex-shrink:0;width:20px;height:20px;margin-top:1px}.login-error-icon svg{width:20px;height:20px}.login-errors ul{margin:0;padding:0;list-style:none}.login-errors li{color:#dc2626;font-size:13px;line-height:1.6}@media (width<=900px){.login-branding{display:none}.login-wrapper{border-radius:24px;max-width:520px;min-height:auto}.login-form-panel{padding:32px 24px}}@media (width<=480px){.login-page{align-items:flex-start;padding:60px 16px 16px}.login-wrapper{border-radius:20px;box-shadow:0 20px 50px #0d94881f}.login-form-panel{padding:28px 18px}.login-form-title{font-size:22px}.login-options{flex-direction:column;align-items:flex-start;gap:10px}.auth-tab{padding:10px 12px;font-size:13px}}@media (prefers-reduced-motion:reduce){.login-wrapper{opacity:1;animation:none}}