.login-page{background:var(--k-bg);min-height:100vh;font-family:var(--k-font-family);-webkit-font-smoothing:antialiased;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.login-bg-grid{z-index:0;background-image:linear-gradient(#1a5f3f0a 1px,#0000 1px),linear-gradient(90deg,#1a5f3f0a 1px,#0000 1px);background-size:40px 40px;position:absolute;inset:0}.login-bg-radial{background:radial-gradient(ellipse 70% 70% at 50% 50%,transparent 30%,var(--k-bg)100%);z-index:1;position:absolute;inset:0}.login-orb{filter:blur(80px);opacity:.12;z-index:0;pointer-events:none;background:var(--k-timepris);border-radius:50%;position:absolute}.login-orb-1{width:600px;height:600px;top:-200px;right:-150px}.login-orb-2{opacity:.07;width:400px;height:400px;bottom:-150px;left:-100px}.login-card{z-index:10;background:var(--k-card);border:1px solid var(--k-border);border-radius:var(--k-radius);flex-direction:column;align-items:center;width:100%;max-width:400px;padding:56px 48px 48px;display:flex;position:relative}.login-logo-block{opacity:0;flex-direction:column;align-items:center;margin-bottom:48px;animation:1.1s cubic-bezier(.34,1.56,.64,1) .1s forwards loginLogoRise;display:flex}.login-logo-mark{letter-spacing:-2px;text-transform:uppercase;color:var(--k-timepris);font-size:48px;font-weight:900;line-height:1;display:block}.login-logo-tag{font-size:var(--k-font-body);color:var(--k-text-faint);margin-top:4px;font-style:italic;font-weight:400;display:block}.login-logo-sep{background:var(--k-border);opacity:0;width:32px;height:1px;margin:20px auto 0;animation:.6s .7s forwards loginFadeIn}.login-form-block{opacity:0;width:100%;animation:.8s cubic-bezier(.34,1.2,.64,1) .45s forwards loginFormRise}.login-form-title{font-size:var(--k-font-md);color:var(--k-text-primary);text-align:center;letter-spacing:-.2px;margin-bottom:24px;font-weight:600}.login-fg{margin-bottom:12px}.login-label{font-size:var(--k-font-body);color:var(--k-text-secondary);letter-spacing:.1px;margin-bottom:5px;font-weight:600;display:block}.login-input{border:1px solid var(--k-border);border-radius:var(--k-radius);width:100%;height:40px;font-family:var(--k-font-family);font-size:var(--k-font-md);color:var(--k-text-primary);background:var(--k-bg);box-sizing:border-box;outline:none;padding:0 12px;transition:border-color .15s,box-shadow .15s,background .15s}.login-input:focus{border-color:var(--k-timepris);background:var(--k-card);box-shadow:0 0 0 3px #1a5f3f14}.login-input::placeholder{color:var(--k-text-faint)}.login-pw-wrap{position:relative}.login-pw-wrap .login-input{padding-right:40px}.login-pw-btn{cursor:pointer;color:var(--k-text-faint);background:0 0;border:none;align-items:center;padding:4px;transition:color .15s;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.login-pw-btn:hover{color:var(--k-text-secondary)}.login-form-meta{justify-content:space-between;align-items:center;margin:10px 0 20px;display:flex}.login-remember{font-size:var(--k-font-body);color:var(--k-text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:7px;display:flex}.login-remember input[type=checkbox]{width:14px;height:14px;accent-color:var(--k-timepris);cursor:pointer;margin:0}.login-forgot{font-size:var(--k-font-body);color:var(--k-timepris);cursor:pointer;font-weight:600;font-family:var(--k-font-family);background:0 0;border:none;text-decoration:none;transition:opacity .15s}.login-forgot:hover{opacity:.7}.login-btn{background:var(--k-timepris);color:#fff;border-radius:var(--k-radius);width:100%;height:42px;font-family:var(--k-font-family);font-size:var(--k-font-md);cursor:pointer;letter-spacing:.1px;border:none;font-weight:700;transition:background .15s,transform .1s,box-shadow .15s;position:relative;overflow:hidden}.login-btn:after{content:"";pointer-events:none;background:linear-gradient(#ffffff0f 0%,#0000 100%);position:absolute;inset:0}.login-btn:hover{background:var(--k-primary-hover)}.login-btn:active{transform:scale(.97)}.login-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.login-err{background:var(--k-error-bg);border:1px solid color-mix(in srgb,var(--k-error)25%,transparent);border-radius:var(--k-radius);font-size:var(--k-font-base);color:var(--k-error);align-items:center;gap:8px;margin-bottom:14px;padding:10px 12px;animation:.4s both loginShake;display:flex}.login-success{background:var(--k-godkjent-bg);border:1px solid color-mix(in srgb,var(--k-timepris)25%,transparent);border-radius:var(--k-radius);font-size:var(--k-font-base);color:var(--k-timepris);align-items:center;gap:8px;margin-bottom:14px;padding:10px 12px;display:flex}.login-footer{font-size:var(--k-font-base);color:var(--k-text-headers);text-align:center;opacity:0;margin-top:28px;animation:.6s .8s forwards loginFadeIn}.login-footer a{color:var(--k-timepris);border-bottom:1px solid var(--k-godkjent-bg);padding-bottom:1px;font-weight:600;text-decoration:none;transition:opacity .15s,border-color .15s}.login-footer a:hover{opacity:.75;border-color:var(--k-timepris)}@keyframes loginLogoRise{0%{opacity:0;transform:translateY(28px)}60%{opacity:1;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes loginFormRise{0%{opacity:0;transform:translateY(16px)}60%{opacity:1;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}@keyframes loginFadeIn{0%{opacity:0}to{opacity:1}}@keyframes loginShake{0%,to{transform:translate(0)}20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-3px)}80%{transform:translate(2px)}}body.dark .login-page{--k-bg:#0f1017;--k-card:#161821;--k-border:#2a2d3a;--k-text-primary:#f0f1f4;--k-text-secondary:#a6a9ba;--k-text-headers:#6b7085;--k-text-faint:#4a4e63}body.dark .login-bg-grid{background-image:linear-gradient(#1a5f3f14 1px,#0000 1px),linear-gradient(90deg,#1a5f3f14 1px,#0000 1px)}body.dark .login-orb-1{opacity:.18}body.dark .login-orb-2{opacity:.12}body.dark .login-input{background:var(--k-card);color:var(--k-text-primary)}body.dark .login-input:focus{background:var(--k-card)}body.dark .login-bg-radial{background:radial-gradient(ellipse 70% 70% at 50% 50%,transparent 30%,var(--k-bg)100%)}.login-dark-toggle{border:1px solid var(--k-border);border-radius:var(--k-radius);cursor:pointer;width:32px;height:32px;color:var(--k-text-faint);z-index:20;background:0 0;justify-content:center;align-items:center;transition:color .15s,border-color .15s,background .15s;display:flex;position:absolute;top:16px;right:16px}.login-dark-toggle:hover{color:var(--k-text-secondary);border-color:var(--k-text-faint);background:var(--k-bg)}