.login-page{color:#173c33;background:radial-gradient(circle at 4% 4%,#fbfcf8 0,#0000 34%),radial-gradient(circle at 96% 96%,#dce9df 0,#0000 38%),#e9eee9;place-items:center;min-height:100dvh;padding:clamp(12px,2vw,28px);display:grid}.login-shell{background:#fbfaf6;border:1px solid #22413017;border-radius:30px;grid-template-columns:minmax(0,1.12fr) minmax(420px,.88fr);width:min(100%,1500px);min-height:min(860px,100dvh - 56px);display:grid;overflow:hidden;box-shadow:0 28px 80px #23392b1a}.login-visual{isolation:isolate;color:#fff;background:#496556;min-width:0;min-height:650px;display:flex;position:relative;overflow:hidden}.login-visual__image{object-fit:cover;object-position:center 52%;transform:scale(1.01)}.login-visual__shade{z-index:1;pointer-events:none;background:linear-gradient(90deg,#08251d3b,#0000 75%),linear-gradient(#08251d78 0%,#08251d05 32%,#08251d40 59%,#051d19d6 100%);position:absolute;inset:0}.login-visual__content{z-index:2;flex-direction:column;justify-content:space-between;width:100%;padding:clamp(32px,4.3vw,66px);display:flex;position:relative}.login-visual__top,.login-visual__bottom{justify-content:space-between;align-items:center;gap:24px;display:flex}.login-brand{letter-spacing:.08em;white-space:nowrap;align-items:center;gap:12px;width:fit-content;font-size:16px;font-weight:650;display:inline-flex}.login-brand__mark{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff2e;border:1px solid #ffffff7a;border-radius:13px;flex:none;place-items:center;width:42px;height:42px;display:grid}.login-brand__mark svg,.login-panel__symbol svg{width:26px;height:26px}.login-visual__bottom{color:#fffc;letter-spacing:.18em;white-space:nowrap;font-size:10px;font-weight:650}.login-visual__copy{max-width:690px;margin-top:auto;padding-bottom:clamp(44px,6vh,80px)}.login-visual__eyebrow{color:#e5f2e8;letter-spacing:.22em;align-items:center;gap:13px;margin:0 0 20px;font-size:12px;font-weight:600;display:flex}.login-visual__eyebrow span{background:#d6edb9;width:28px;height:1px}.login-visual__copy h1{color:#fff;letter-spacing:-.035em;text-shadow:0 2px 24px #0820191f;margin:0;font-size:clamp(44px,4.35vw,72px);font-weight:600;line-height:1.22}.login-visual__copy h1 span{color:#d7eab8}.login-visual__description{color:#ffffffd6;letter-spacing:.055em;margin:24px 0 0;font-size:15px;line-height:1.7}.login-visual__bottom{letter-spacing:.16em}.login-visual__bottom-line{background:#ffffff61;flex:1;max-width:120px;height:1px}.login-panel{z-index:2;isolation:isolate;background:#fbfaf6;border-radius:30px 0 0 30px;flex-direction:column;min-width:0;margin-left:-18px;padding:38px clamp(36px,4.2vw,74px) 28px;display:flex;position:relative;overflow:hidden;box-shadow:-16px 0 36px #12322414}.login-panel:before{z-index:-1;content:"";pointer-events:none;border:1px solid #215a440e;border-radius:50%;width:380px;height:380px;position:absolute;top:-168px;right:-165px;box-shadow:0 0 0 58px #215a4405,0 0 0 116px #215a4403}.login-panel__topbar{align-items:center;gap:10px;width:fit-content;display:flex}.login-panel__symbol{color:#fff;background:#1c5845;border-radius:12px;flex:none;place-items:center;width:40px;height:40px;display:grid}.login-panel__topbar-copy{gap:2px;display:grid}.login-panel__topbar-copy span{color:#729084;letter-spacing:.2em;font-size:9px;font-weight:700}.login-panel__topbar-copy strong{color:#254b3e;letter-spacing:.05em;font-size:13px;font-weight:650}.login-panel__content{width:min(100%,420px);margin:auto;padding:54px 0 62px;transform:translateY(-20px)}.login-panel__eyebrow{color:#5d806d;letter-spacing:.15em;align-items:center;gap:11px;font-size:10px;font-weight:750;display:flex}.login-panel__eyebrow span:first-child{color:#28624a;letter-spacing:0;background:#eaf3e8;border:1px solid #d7e5d8;border-radius:50%;place-items:center;width:28px;height:28px;font-size:13px;display:grid}.login-panel h2{color:#183c31;letter-spacing:-.06em;margin:20px 0 10px;font-size:clamp(38px,3.3vw,52px);font-weight:650;line-height:1.17}.login-panel h2 span{color:#72ab82}.login-panel__intro{color:#75877d;margin:0;font-size:14px;line-height:1.75}.login-form{gap:21px;margin-top:47px;display:grid}.login-form__field{gap:10px;display:grid}.login-form__field label{color:#304e40;font-size:13px;font-weight:650}.login-form__input-wrap{color:#8b9f92;background:#fff;border:1px solid #dce5dc;border-radius:12px;align-items:center;width:100%;height:56px;transition:border-color .16s,box-shadow .16s,background-color .16s;display:flex;box-shadow:0 2px 4px #20412d06}.login-form__input-wrap:hover{border-color:#afc8b7}.login-form__input-wrap:focus-within{border-color:#357e5f;box-shadow:0 0 0 4px #357e5f1f}.login-form__input-wrap[data-invalid=true]{border-color:#d9958a}.login-form__input-wrap>svg{flex:none;width:21px;height:21px;margin-left:17px}.login-form__input-wrap input{color:#183c31;background:0 0;border:0;outline:0;width:100%;min-width:0;height:100%;padding:0 15px;font-size:14px}.login-form__input-wrap input::placeholder{color:#a5b2a8}.login-form__visibility{color:#37775b;background:0 0;border:0;border-radius:0 12px 12px 0;flex:none;align-self:stretch;min-width:56px;padding:0 14px 0 6px;font-size:12px;font-weight:650}.login-form__visibility:hover,.login-form__visibility:focus-visible{color:#174e3d;text-decoration:underline}.login-form__visibility:focus-visible{outline-offset:-5px;outline:2px solid #357e5f}.login-form__error{color:#a3443b;background:#fff6f3;border:1px solid #f1d4cf;border-radius:9px;align-items:flex-start;gap:8px;margin:-1px 0 0;padding:10px 12px;font-size:13px;line-height:1.5;display:flex}.login-form__error svg{flex:none;width:17px;height:17px;margin-top:1px}.login-form__submit{color:#fff;text-align:left;background:#1a5743;border:1px solid #164b3a;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:57px;margin-top:5px;padding:8px 11px 8px 20px;font-size:15px;font-weight:650;transition:background-color .16s,transform .16s,box-shadow .16s;display:flex;box-shadow:0 10px 22px #19533e29}.login-form__submit:hover:not(:disabled){background:#124632;transform:translateY(-1px);box-shadow:0 13px 26px #19533e36}.login-form__submit:active:not(:disabled){transform:translateY(0)}.login-form__submit:focus-visible{outline-offset:3px;outline:3px solid #19533e59}.login-form__submit:disabled{cursor:wait;opacity:.72}.login-form__submit-arrow{background:#ffffff26;border-radius:9px;flex:none;place-items:center;width:34px;height:34px;display:grid}.login-form__submit-arrow svg{width:18px;height:18px}.login-footer{color:#94a39a;border-top:1px solid #e3e9e1;justify-content:space-between;align-items:center;gap:12px;padding-top:21px;font-size:11px;line-height:1.5;display:flex}@media (min-width:821px) and (max-width:1000px){.login-visual__description{letter-spacing:0;font-size:14px}}@media (max-width:820px){.login-page{padding:0}.login-shell{min-height:100dvh;box-shadow:none;border:0;border-radius:0;grid-template-columns:minmax(0,1fr)}.login-visual{height:clamp(270px,34vw,350px);min-height:0}.login-visual__image{object-position:center 47%}.login-visual__content{padding:30px clamp(28px,6vw,68px)}.login-visual__copy{padding-bottom:0}.login-visual__copy h1{font-size:clamp(32px,4.7vw,48px)}.login-visual__description,.login-visual__bottom{display:none}.login-panel{min-height:570px;box-shadow:none;border-radius:0;margin-left:0;padding:28px clamp(28px,6vw,68px) 25px}.login-panel__content{padding:48px 0 60px;transform:none}}@media (max-width:600px){.login-visual{height:216px}.login-visual__image{object-position:center 52%}.login-visual__content{padding:21px 24px 22px}.login-brand{gap:9px;font-size:13px}.login-brand__mark{border-radius:10px;width:34px;height:34px}.login-brand__mark svg{width:22px;height:22px}.login-visual__eyebrow{letter-spacing:.12em;gap:9px;margin-bottom:9px;font-size:10px}.login-visual__eyebrow span{width:17px}.login-visual__copy h1{font-size:clamp(27px,7vw,32px);line-height:1.24}.login-panel{min-height:calc(100dvh - 216px);padding:24px 24px 20px}.login-panel__topbar{display:none}.login-panel__content{width:min(100%,420px);padding:19px 0 34px}.login-panel h2{margin:14px 0 7px;font-size:36px}.login-panel__intro{font-size:13px}.login-form{gap:18px;margin-top:25px}.login-form__input-wrap{height:53px}.login-form__submit{min-height:55px}.login-footer{text-align:center;flex-wrap:wrap;justify-content:center;font-size:10px}}@media (prefers-reduced-motion:reduce){.login-form__input-wrap,.login-form__submit{transition:none}}
