:root{--login-ink:#18312e;--login-muted:#647b75;--login-green:#154f45;--login-lime:#c8e78f}
html{min-height:100%;background:#e9eeea}
body{min-height:100vh;background:#e9eeea;color:var(--login-ink)}
.login-page-shell{min-height:100vh;padding:clamp(16px,4vw,52px);display:grid;align-content:center;gap:18px;background:radial-gradient(circle at 5% 8%,#f8faf5 0,transparent 32%),radial-gradient(circle at 97% 90%,#dce9dc 0,transparent 32%),#e9eeea}
.login-layout{width:min(1080px,100%);min-height:650px;margin:auto;display:grid;grid-template-columns:1.02fr .98fr;overflow:hidden;border:1px solid #d6e3da;border-radius:26px;background:#fff;box-shadow:0 28px 75px rgba(16,48,40,.13)}
.login-story{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:space-between;min-width:0;overflow:hidden;padding:38px 44px 34px;background:linear-gradient(145deg,#123b35 2%,#0c302d 56%,#1c5144 100%);color:#f5fbf4}
.login-story:before{content:"";position:absolute;inset:auto -20% -48% 10%;height:78%;border-radius:50%;background:radial-gradient(circle,#2c7460 0,transparent 65%);opacity:.4;z-index:-1}
.login-wordmark{position:relative;z-index:1;display:flex;align-items:center;gap:12px;width:max-content;font-size:13px;letter-spacing:.16em;font-weight:800}
.login-wordmark>span:last-child span{color:#aee3d1;font-weight:500}
.login-mark{display:grid;place-items:center;position:relative;width:40px;height:40px;border:1px solid rgba(211,255,230,.55);border-radius:11px;background:rgba(232,255,242,.09)}
.login-mark span{position:absolute;width:18px;height:3px;border-radius:4px;background:var(--login-lime)}
.login-mark span:last-child{transform:rotate(90deg)}
.login-story-main{position:relative;z-index:1;max-width:420px;padding:70px 0 50px}
.login-edition{display:inline-block;margin-bottom:20px;color:#c8e78f;font-size:10px;font-weight:800;letter-spacing:.2em}
.login-story h1{margin:0;color:#f4faf2;font-size:clamp(42px,4.2vw,58px);font-weight:650;letter-spacing:-.065em;line-height:1.03}
.login-story h1 span{color:var(--login-lime)}
.login-story-main p{max-width:340px;margin:24px 0 0;color:#c2d9cf;font-size:14px;line-height:1.75}
.login-story-bottom{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:14px;color:#afc9bf;font-size:10px;letter-spacing:.04em}
.login-story-bottom span:first-child{display:flex;align-items:center;gap:8px}
.login-story-bottom i{width:7px;height:7px;border-radius:50%;background:var(--login-lime);box-shadow:0 0 0 4px rgba(200,231,143,.11)}
.login-orbit{position:absolute;border:1px solid rgba(199,239,218,.18);border-radius:50%;pointer-events:none}
.login-orbit-one{width:440px;height:440px;right:-265px;top:40px}
.login-orbit-two{width:310px;height:310px;right:-130px;top:110px}
.login-panel{display:grid;place-items:center;min-width:0;padding:54px clamp(30px,5vw,70px);background:#fff}
.login-panel-inner{width:min(380px,100%);min-width:0}
.login-kicker{margin:0 0 11px;color:#438374;font-size:10px;font-weight:850;letter-spacing:.17em}
.login-panel h2{margin:0;color:#17312d;font-size:clamp(29px,3vw,36px);font-weight:700;letter-spacing:-.055em;line-height:1.14}
.login-intro{margin:12px 0 30px;color:var(--login-muted);font-size:13px;line-height:1.55}
.login-account-switch{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:5px;margin-bottom:28px;border:1px solid #e3eae5;border-radius:12px;background:#f3f6f3}
.login-account-switch button{min-height:42px;border:0;border-radius:9px;background:transparent;color:#6a7f76;font-size:13px;font-weight:700;transition:background .18s ease,box-shadow .18s ease,color .18s ease}
.login-account-switch button.active{background:#fff;color:#195347;box-shadow:0 2px 8px rgba(26,62,47,.1)}
.login-account-switch button:hover{color:#195347}
.login-field{display:block;margin:0 0 20px;color:#36524a;font-size:12px;font-weight:750}
.login-field>span:first-child{display:block;margin-bottom:8px}
.login-field input{display:block;width:100%;height:52px;min-width:0;padding:0 15px;border:1px solid #d4e0d7;border-radius:10px;background:#fbfdfb;color:#17312d;font-size:15px;font-weight:500;outline:none;transition:border .18s ease,box-shadow .18s ease,background .18s ease}
.login-field input::placeholder{color:#9aaea3;font-weight:400}
.login-field input:focus{border-color:#308572;box-shadow:0 0 0 4px rgba(55,147,117,.12);background:#fff}
.login-pin-wrap{position:relative;display:block}
.login-pin-wrap input{padding-right:68px}
.login-pin-wrap button{position:absolute;right:7px;top:7px;height:38px;padding:0 11px;border:0;border-radius:7px;background:transparent;color:#26715e;font-size:12px;font-weight:800}
.login-pin-wrap button:hover{background:#eaf4ee}
.login-submit{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:55px;margin-top:27px;padding:7px 8px 7px 18px;border:0;border-radius:11px;background:#176756;color:#fff;font-size:14px;font-weight:750;box-shadow:0 12px 22px rgba(23,103,86,.18);transition:background .18s ease,transform .18s ease}
.login-submit:hover{background:#0d5548;transform:translateY(-1px)}
.login-arrow{display:grid;place-items:center;width:40px;height:40px;border-radius:8px;background:rgba(255,255,255,.17);font-size:20px;font-weight:400}
.login-assurance{display:flex;align-items:center;justify-content:center;gap:8px;margin:25px 0 0;color:#83958b;font-size:11px}
.login-assurance span{color:#3f9b7b;font-size:13px}
.login-page-footer{margin:0 auto;color:#87998d;font-size:11px;letter-spacing:.02em;text-align:center}
.login-page-footer span{padding:0 5px}
#message:empty{display:none}
#message .notice{margin:0 0 18px;padding:10px 12px;font-size:12px}
button:focus-visible{outline:3px solid #8bd0a5;outline-offset:3px}
@media(max-width:760px){
  .login-page-shell{display:block;padding:0;background:#fff}
  .login-layout{display:block;min-height:100vh;border:0;border-radius:0;box-shadow:none}
  .login-story{min-height:238px;padding:22px 25px 35px}
  .login-story-main{padding:31px 0 0}
  .login-edition{margin-bottom:11px;font-size:9px}
  .login-story h1{font-size:37px;line-height:1.04}
  .login-story-main p,.login-story-bottom{display:none}
  .login-orbit-one{right:-300px;top:-40px}
  .login-orbit-two{right:-200px;top:30px}
  .login-panel{display:block;position:relative;margin-top:-14px;padding:31px 25px 42px;border-radius:18px 18px 0 0}
  .login-panel-inner{width:100%}
  .login-page-footer{display:none}
}
@media(max-width:360px){.login-story{padding-inline:20px}.login-panel{padding-inline:20px}.login-panel h2{font-size:29px}.login-story h1{font-size:33px}}