.nav-logout-form{display:inline;margin:0}.nav-logout{background:none;border:0;padding:0;font:inherit;cursor:pointer}.auth-shell{max-width:1120px;margin:0 auto;padding:66px 28px 78px;display:grid;grid-template-columns:.92fr 1.08fr;gap:70px;align-items:center;min-height:650px}.auth-aside{padding:20px 0}.auth-aside h1{font:800 clamp(44px,5vw,62px)/1.08 Manrope,sans-serif;letter-spacing:-3px;color:var(--navy);margin:22px 0 20px}.auth-aside h1 span{color:var(--green)}.auth-aside>p{max-width:430px;font-size:16px;line-height:1.8;color:var(--muted)}.auth-aside-note{display:flex;align-items:center;gap:11px;margin-top:32px;color:#617168;font-size:13px}.auth-note-mark{width:30px;height:30px;display:grid;place-items:center;background:var(--green-soft);color:var(--green);font-weight:800;border-radius:10px}.auth-card{background:white;border:1px solid var(--line);border-radius:24px;padding:34px 36px;box-shadow:var(--shadow);max-width:530px;width:100%;justify-self:end}.auth-card-heading h2{font:800 29px/1.2 Manrope,sans-serif;letter-spacing:-1px;color:var(--navy);margin:10px 0 8px}.auth-card-heading>p{font-size:13px;color:var(--muted);margin:0 0 24px}.auth-form{display:flex;flex-direction:column}.auth-form label{font-size:12px;font-weight:700;color:#33473b;margin:14px 0 7px}.auth-form input{width:100%;min-height:47px;border:1px solid #dce6df;border-radius:10px;padding:12px 13px;font:14px "DM Sans",sans-serif;color:var(--ink);background:#fff;outline:none;transition:border-color .15s,box-shadow .15s}.auth-form input:focus{border-color:var(--green);box-shadow:0 0 0 3px #087f3d16}.auth-form input::placeholder{color:#9aa69f}.field-help{font-size:11px;color:var(--muted);margin-top:6px}.auth-submit{border:0;margin-top:23px;width:100%;cursor:pointer;font-family:inherit}.auth-switch{text-align:center;color:var(--muted);font-size:13px;margin:22px 0 0}.auth-switch a{font-weight:800;color:var(--green)}.auth-legal{font-size:11px;line-height:1.6;color:#8a968f;text-align:center;margin:18px 0 0}.form-alert{border-radius:10px;padding:12px 14px;margin:0 0 16px;font-size:12px;line-height:1.6}.form-alert-error{background:#fff0ee;border:1px solid #f2d0ca;color:#8a3024}.form-alert ul{margin:5px 0 0;padding-left:18px}.form-alert li+li{margin-top:3px}.member-page{max-width:1120px;margin:0 auto;padding:65px 28px 85px;min-height:65vh}.member-welcome{background:linear-gradient(120deg,#e8f5ed,#f5faf6);border:1px solid #d8ebdf;border-radius:22px;padding:32px 36px;display:flex;justify-content:space-between;align-items:center;gap:20px}.member-welcome h1{font:800 clamp(30px,4vw,44px)/1.15 Manrope,sans-serif;letter-spacing:-1.8px;color:var(--navy);margin:12px 0}.member-welcome h1 span{color:var(--green)}.member-welcome p{color:var(--muted);font-size:14px;margin:0}.member-avatar{width:70px;height:70px;border-radius:22px;background:var(--green);color:white;display:grid;place-items:center;font:800 30px Manrope,sans-serif;flex-shrink:0}.member-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:22px}.member-panel{background:white;border:1px solid var(--line);border-radius:20px;padding:27px}.panel-label{font-size:10px;letter-spacing:1.5px;color:var(--green);font-weight:800}.member-panel h2{font:800 21px Manrope,sans-serif;letter-spacing:-.6px;color:var(--navy);margin:10px 0 20px}.member-profile dl{margin:0}.member-profile dl>div{padding:13px 0;border-bottom:1px solid #edf1ee;display:flex;justify-content:space-between;gap:12px}.member-profile dt{font-size:12px;color:var(--muted)}.member-profile dd{margin:0;font-size:12px;font-weight:700;color:var(--ink);text-align:right;overflow-wrap:anywhere}.member-status{display:flex;align-items:center;gap:8px;margin-top:18px;font-size:12px;color:var(--green);font-weight:700}.member-status span{width:7px;height:7px;border-radius:50%;background:#21a35a}.member-next>p{font-size:13px;line-height:1.75;color:var(--muted)}.member-next ul{list-style:none;padding:0;margin:20px 0 25px}.member-next li{display:flex;gap:12px;align-items:center;padding:10px 0;font-size:12px;font-weight:600;color:#3e5147}.member-next li span{font-size:10px;color:var(--green);font-weight:800;background:var(--green-soft);padding:6px 7px;border-radius:6px}.member-next .button{font-size:12px}@media(max-width:800px){.auth-shell{grid-template-columns:1fr;gap:25px;padding:45px 20px 55px}.auth-aside{padding:0}.auth-aside h1{font-size:47px}.auth-aside>p{font-size:14px}.auth-card{justify-self:stretch;max-width:none;padding:28px 23px}.member-page{padding:40px 20px 60px}.member-grid{grid-template-columns:1fr}.member-welcome{padding:25px 22px}.member-avatar{width:55px;height:55px;border-radius:17px}}@media(max-width:420px){.auth-aside h1{font-size:40px;letter-spacing:-2px}.auth-card-heading h2{font-size:25px}.member-welcome{align-items:flex-start}.member-avatar{width:45px;height:45px;font-size:21px}}


/* Ekolinkup brand-colour login polish: green, navy, gold and a touch of logo blue. */
.auth-shell-login .auth-aside{
  position:relative;
  isolation:isolate;
  padding:34px 30px 34px 0;
}
.auth-shell-login .auth-aside:before{
  content:"";
  position:absolute;
  z-index:-1;
  left:-46px;
  top:0;
  width:min(570px,calc(100% + 70px));
  height:100%;
  min-height:340px;
  border-radius:30px;
  background:
    radial-gradient(circle at 12% 16%,rgba(245,182,56,.28) 0 7px,transparent 8px),
    radial-gradient(circle at 84% 22%,rgba(8,127,61,.12) 0 22px,transparent 23px),
    linear-gradient(140deg,#e8f5ed 0%,#f5faf7 48%,#eaf0fa 100%);
  border:1px solid rgba(8,127,61,.10);
}
.auth-shell-login .auth-aside h1 span{
  background:linear-gradient(100deg,var(--green) 0%,#15984f 48%,#f0ad25 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
}
.auth-shell-login .auth-aside .eyebrow{color:var(--green-dark)}
.auth-shell-login .auth-note-mark{
  background:linear-gradient(135deg,var(--green),#0b6849);
  color:#fff;
  box-shadow:0 6px 14px rgba(8,127,61,.18);
}
.auth-card-login{
  position:relative;
  overflow:hidden;
  border-color:#dce9e0;
  box-shadow:0 22px 60px rgba(16,45,79,.10),0 5px 18px rgba(8,127,61,.05);
}
.auth-card-login:before{
  content:"";
  position:absolute;
  top:0;left:0;right:0;height:5px;
  background:linear-gradient(90deg,#087f3d 0%,#21a65b 42%,#f5b638 72%,#102d4f 100%);
}
.auth-card-login .auth-card-heading .eyebrow{
  display:inline-flex;
  background:#e8f5ed;
  border-radius:999px;
  padding:7px 10px;
  letter-spacing:1.35px;
}
.auth-card-login .auth-form input{
  background:#fbfdfb;
  border-color:#dbe6df;
}
.auth-card-login .auth-form input:focus{
  background:#fff;
  border-color:#087f3d;
  box-shadow:0 0 0 4px rgba(8,127,61,.12);
}
.auth-card-login .auth-submit{
  background:linear-gradient(100deg,#087f3d,#0b9250);
  box-shadow:0 8px 18px rgba(8,127,61,.16);
}
.auth-card-login .auth-submit:hover{
  background:linear-gradient(100deg,#04572d,#087f3d);
}
.auth-card-login .auth-switch a,
.auth-card-login .password-toggle{color:#087f3d}
.auth-card-login .auth-legal{border-color:#e7eee9}
@media(max-width:800px){
  .auth-shell-login .auth-aside{padding:24px 20px}
  .auth-shell-login .auth-aside:before{left:0;top:0;width:100%;min-height:0;border-radius:22px}
  .auth-shell-login .auth-aside-note{color:#53675c}
  .auth-card-login{margin-top:2px}
}
@media(prefers-reduced-motion:no-preference){
  .auth-card-login{transition:box-shadow .2s ease,transform .2s ease}
  .auth-card-login:hover{box-shadow:0 26px 65px rgba(16,45,79,.13),0 7px 20px rgba(8,127,61,.07)}
}