/* KRN KES 0.6 — Premium login for KRN OS. */
:root{--krn-login-width:1040px;--krn-login-radius:34px;--krn-login-gap:0}
html{min-height:100%;background:var(--kes-canvas,#fff8fb)}
body.login{
  min-height:100vh;margin:0;padding:clamp(18px,4vw,52px);box-sizing:border-box;
  display:grid;place-items:center;overflow-x:hidden;position:relative;
  font-family:var(--kes-font,"Aptos","SF Pro Text",Inter,"Segoe UI Variable","Segoe UI",system-ui,sans-serif);
  color:var(--kes-text-primary,#2a1e25);background:var(--kes-canvas,#fff8fb);
}
body.login:before,body.login:after{content:"";position:fixed;border-radius:999px;filter:blur(72px);pointer-events:none;opacity:.92;z-index:0}
body.login:before{width:min(58vw,720px);height:min(58vw,720px);left:-22vw;top:-28vw;background:radial-gradient(circle,var(--kes-bokeh-a,rgba(255,110,170,.24)),transparent 68%)}
body.login:after{width:min(52vw,660px);height:min(52vw,660px);right:-20vw;bottom:-25vw;background:radial-gradient(circle,var(--kes-bokeh-c,rgba(152,97,255,.16)),transparent 70%)}
body.login #login{
  position:relative;z-index:2;width:min(var(--krn-login-width),calc(100vw - 32px));max-width:none;padding:0!important;
  display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);gap:var(--krn-login-gap);
  border:1px solid var(--kes-border,rgba(100,55,78,.14));border-radius:var(--krn-login-radius);
  background:var(--kes-floating,rgba(255,255,255,.88));box-shadow:var(--kes-shadow,0 28px 90px rgba(79,35,60,.16));
  backdrop-filter:blur(30px) saturate(1.18);-webkit-backdrop-filter:blur(30px) saturate(1.18);overflow:hidden;
}
body.login #login:after{content:"";position:absolute;inset:0 auto 0 50%;width:1px;background:linear-gradient(180deg,transparent,var(--kes-border),transparent);pointer-events:none}
body.login #login h1{grid-column:2;grid-row:1;margin:0;padding:40px 42px 6px;text-align:left;align-self:end}
body.login #login h1 a{
  display:grid!important;place-items:center;width:62px!important;height:62px!important;margin:0!important;
  background:none!important;background-color:var(--kes-accent,#d95e92)!important;border-radius:20px;
  color:var(--kes-on-accent,#fff);text-indent:0!important;font-size:0!important;box-shadow:0 14px 34px color-mix(in srgb,var(--kes-accent) 24%,transparent);
}
body.login #login h1 a:after{content:"K";font-family:var(--kes-font-display,var(--kes-font));font-size:30px;line-height:1;font-weight:900;letter-spacing:-.05em;color:inherit}
.krn-kes-login-intro{
  grid-column:1;grid-row:1 / span 8;position:relative;min-height:590px;padding:clamp(38px,5vw,72px);box-sizing:border-box;
  display:flex;flex-direction:column;justify-content:center;align-items:flex-start;overflow:hidden;
  background:
    radial-gradient(circle at 18% 12%,color-mix(in srgb,var(--kes-bokeh-a) 92%,transparent),transparent 34%),
    radial-gradient(circle at 88% 84%,color-mix(in srgb,var(--kes-bokeh-c) 88%,transparent),transparent 34%),
    linear-gradient(145deg,color-mix(in srgb,var(--kes-accent) 10%,var(--kes-canvas-subtle)),var(--kes-canvas-subtle));
}
.krn-kes-login-intro:before{content:"";position:absolute;inset:24px;border:1px solid color-mix(in srgb,var(--kes-electric-edge,var(--kes-border)) 70%,transparent);border-radius:28px;pointer-events:none}
.krn-kes-login-intro:after{content:"";position:absolute;width:300px;height:300px;border-radius:50%;right:-120px;top:-90px;border:1px solid color-mix(in srgb,var(--kes-accent) 28%,transparent);box-shadow:0 0 0 38px color-mix(in srgb,var(--kes-accent) 4%,transparent),0 0 0 78px color-mix(in srgb,var(--kes-accent-secondary,var(--kes-accent)) 3%,transparent);pointer-events:none}
.krn-kes-login-brandline{position:relative;z-index:1;display:flex;align-items:center;gap:14px;margin-bottom:clamp(46px,8vh,86px)}
.krn-kes-login-mark{display:grid;place-items:center;width:54px;height:54px;border-radius:18px;background:linear-gradient(145deg,var(--kes-accent),var(--kes-accent-deep));color:var(--kes-on-accent,#fff);font-size:25px;font-weight:900;box-shadow:0 12px 30px color-mix(in srgb,var(--kes-accent) 24%,transparent)}
.krn-kes-login-brandline>span:last-child{display:grid;gap:2px}.krn-kes-login-brandline b{font-family:var(--kes-font-display,var(--kes-font));font-size:18px;letter-spacing:.02em}.krn-kes-login-brandline small{color:var(--kes-text-muted);font-size:12px}
.krn-kes-login-kicker{position:relative;z-index:1;margin-bottom:12px;font-size:11px;font-weight:850;letter-spacing:.14em;text-transform:uppercase;color:var(--kes-accent)}
.krn-kes-login-intro h2{position:relative;z-index:1;max-width:630px;margin:0 0 18px;font-family:var(--kes-font-display,var(--kes-font));font-size:clamp(38px,5vw,67px);line-height:.97;letter-spacing:-.052em;color:var(--kes-text-primary)}
.krn-kes-login-intro p{position:relative;z-index:1;max-width:590px;margin:0 0 30px;font-size:clamp(15px,1.6vw,18px);line-height:1.62;color:var(--kes-text-secondary)}
.krn-kes-login-capabilities{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:8px}
.krn-kes-login-capabilities span{padding:8px 11px;border:1px solid var(--kes-border);border-radius:999px;background:color-mix(in srgb,var(--kes-surface) 82%,transparent);font-size:11px;font-weight:760;color:var(--kes-text-secondary)}
.krn-kes-login-status{position:relative;z-index:1;display:flex;align-items:center;gap:9px;margin-top:32px;color:var(--kes-text-muted);font-size:12px}.krn-kes-login-status i{width:8px;height:8px;border-radius:50%;background:var(--kes-success,#2f9c75);box-shadow:0 0 0 5px color-mix(in srgb,var(--kes-success,#2f9c75) 12%,transparent)}
body.login #login>form,body.login #login>.message,body.login #login>#login_error,body.login #login>#nav,body.login #login>#backtoblog,body.login #login>.privacy-policy-page-link{grid-column:2}
body.login .message,body.login #login_error{margin:12px 42px 0!important;padding:13px 15px!important;border:1px solid var(--kes-border)!important;border-left:3px solid var(--kes-info,#4d73d9)!important;border-radius:14px!important;background:color-mix(in srgb,var(--kes-info,#4d73d9) 7%,var(--kes-surface))!important;color:var(--kes-text-primary)!important;box-shadow:none!important}
body.login #login_error{border-left-color:var(--kes-danger,#c64f66)!important;background:color-mix(in srgb,var(--kes-danger,#c64f66) 7%,var(--kes-surface))!important}
body.login form{margin:0 30px!important;padding:24px 12px 10px!important;border:0!important;background:transparent!important;box-shadow:none!important;overflow:visible}
body.login form p{margin-bottom:17px}body.login label{font-size:12px;font-weight:720;color:var(--kes-text-secondary)}
body.login input[type=text],body.login input[type=password],body.login input[type=email],body.login input[type=search]{width:100%;min-height:50px;margin-top:7px;padding:9px 13px!important;border:1px solid var(--kes-border)!important;border-radius:15px!important;background:var(--kes-surface-solid,#fff)!important;color:var(--kes-text-primary)!important;font-family:inherit;font-size:15px!important;box-shadow:inset 0 1px 0 color-mix(in srgb,var(--kes-electric-highlight,white) 45%,transparent)!important;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}
body.login input:focus{border-color:color-mix(in srgb,var(--kes-accent) 58%,var(--kes-border))!important;box-shadow:0 0 0 4px color-mix(in srgb,var(--kes-focus) 20%,transparent)!important;outline:0!important}
body.login .forgetmenot{display:flex;align-items:center;min-height:42px}body.login input[type=checkbox]{width:19px;height:19px;border-radius:6px;border-color:var(--kes-border);background:var(--kes-surface)}body.login input[type=checkbox]:checked{background:var(--kes-accent);border-color:var(--kes-accent)}
body.login .submit{margin-top:16px!important}.wp-core-ui body.login .button-primary,body.login .button-primary{min-height:48px;padding:0 20px!important;border:0!important;border-radius:15px!important;background:linear-gradient(135deg,var(--kes-accent),var(--kes-accent-deep))!important;color:var(--kes-on-accent,#fff)!important;font-family:inherit;font-size:14px;font-weight:820;letter-spacing:.01em;text-shadow:none!important;box-shadow:0 13px 30px color-mix(in srgb,var(--kes-accent) 24%,transparent)!important;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}
body.login .button-primary:hover,body.login .button-primary:focus{transform:translateY(-1px);filter:saturate(1.08);box-shadow:0 17px 34px color-mix(in srgb,var(--kes-accent) 30%,transparent)!important}
body.login #nav,body.login #backtoblog{margin:0 42px!important;padding:6px 0!important;text-align:left}body.login #nav a,body.login #backtoblog a,body.login .privacy-policy-page-link a{color:var(--kes-text-secondary)!important;font-weight:650;text-decoration:none}body.login #nav a:hover,body.login #backtoblog a:hover{color:var(--kes-accent)!important}
body.login .privacy-policy-page-link{margin:7px 42px 20px!important;text-align:left}.login .language-switcher{position:fixed;right:18px;bottom:16px;z-index:4}.login .language-switcher select{border-radius:12px;border-color:var(--kes-border);background:var(--kes-surface);color:var(--kes-text-primary)}
.krn-kes-login-signature{position:fixed;left:24px;bottom:18px;z-index:3;display:flex;align-items:center;gap:8px;color:var(--kes-text-muted);font-size:11px}.krn-kes-login-signature span{font-weight:820;color:var(--kes-text-secondary)}
body.login.interim-login #login{grid-template-columns:1fr;width:min(440px,calc(100vw - 24px))}.interim-login .krn-kes-login-intro{display:none}.interim-login #login h1,.interim-login #login>form,.interim-login #login>.message,.interim-login #login>#login_error,.interim-login #login>#nav,.interim-login #login>#backtoblog{grid-column:1}.interim-login #login:after{display:none}
@media(max-width:820px){body.login{display:block;padding:14px;overflow:auto}body.login #login{width:100%;grid-template-columns:1fr;border-radius:28px}body.login #login:after{display:none}.krn-kes-login-intro{grid-column:1;grid-row:auto;min-height:auto;padding:34px 28px}.krn-kes-login-intro:before{inset:12px;border-radius:22px}.krn-kes-login-brandline{margin-bottom:34px}.krn-kes-login-intro h2{font-size:clamp(34px,11vw,52px)}.krn-kes-login-capabilities span:nth-child(n+4){display:none}body.login #login h1,body.login #login>form,body.login #login>.message,body.login #login>#login_error,body.login #login>#nav,body.login #login>#backtoblog,body.login #login>.privacy-policy-page-link{grid-column:1}body.login #login h1{padding:28px 28px 0}body.login form{margin:0 18px!important;padding:22px 10px 8px!important}body.login .message,body.login #login_error{margin:12px 28px 0!important}body.login #nav,body.login #backtoblog,body.login .privacy-policy-page-link{margin-left:28px!important;margin-right:28px!important}.krn-kes-login-signature{position:static;justify-content:center;margin:18px 0 2px}.login .language-switcher{position:static;margin:18px auto 0}}
@media(max-width:420px){body.login{padding:8px}.krn-kes-login-intro{padding:28px 22px}.krn-kes-login-brandline{margin-bottom:28px}.krn-kes-login-intro p{font-size:14px}.krn-kes-login-capabilities{gap:6px}.krn-kes-login-capabilities span{padding:7px 9px}body.login #login h1{padding-left:22px}body.login form{margin:0 12px!important}body.login .message,body.login #login_error,body.login #nav,body.login #backtoblog,body.login .privacy-policy-page-link{margin-left:22px!important;margin-right:22px!important}}
@media(prefers-reduced-motion:reduce){body.login *,body.login *:before,body.login *:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}