*{box-sizing:border-box}body{margin:0;min-height:100vh;display:flex;flex-direction:column;background:var(--cr-smoke);color:var(--cr-carbon)}.login-page{flex:1;min-height:650px;display:grid;grid-template-columns:1fr 1fr;position:relative;overflow:hidden;background:linear-gradient(130deg,var(--cr-white) 0%,var(--cr-smoke) 100%)}.login-page:before,.login-page:after{content:"";position:absolute;z-index:0;width:240px;height:48px;background:var(--cr-green);transform:rotate(-48deg);border-radius:0 0 30px 0}.login-page:before{top:16px;left:-72px}.login-page:after{right:-105px;bottom:47px}.brand-panel,.form-panel{position:relative;z-index:1}.brand-panel{display:flex;align-items:flex-start;padding:clamp(55px,11vh,120px) 7vw 50px 11vw;overflow:hidden}.brand-copy{position:relative;z-index:2}.brand-name{font-size:clamp(24px,3.1vw,43px);letter-spacing:.025em;margin:0;color:var(--cr-carbon);font-weight:400;white-space:nowrap}.brand-name strong{font-size:1.38em;font-weight:800;letter-spacing:-.09em}.brand-subtitle{font-size:clamp(12px,1.25vw,17px);font-weight:600;letter-spacing:.47em;color:var(--cr-slate);margin:7px 0 12px;white-space:nowrap}.brand-rule{display:block;width:82%;height:2px;background:var(--cr-green)}.brand-copy h1{font-size:clamp(50px,6vw,84px);line-height:.97;letter-spacing:-.055em;margin:35px 0 9px;font-weight:800}.brand-copy h1 span{color:var(--cr-green-dark)}.brand-motto{font-size:clamp(24px,3vw,42px);margin:0;color:var(--cr-carbon);letter-spacing:-.04em}.pillars{display:flex;align-items:center;gap:21px;margin:33px 0 0 8vw;color:var(--cr-slate);font-size:13px;white-space:nowrap}.pillars i{height:40px;width:1px;background:var(--cr-border)}.building{position:absolute;bottom:0;left:0;width:100%;height:34%;background:linear-gradient(150deg,transparent 0 32%,rgba(32,42,53,.88) 32.3% 33%,transparent 33.3%),linear-gradient(90deg,rgba(32,42,53,.52),rgba(32,42,53,0) 55%);clip-path:polygon(0 42%,35% 0,100% 23%,100% 100%,0 100%);opacity:.2}.form-panel{display:flex;align-items:center;justify-content:center;padding:40px 7vw 40px 3vw}.login-card{width:min(100%,570px);padding:58px 54px 54px;border:1px solid var(--cr-white);background:rgba(255,255,255,.93);border-radius:18px;box-shadow:0 18px 50px rgba(32,42,53,.1)}.login-card h2{margin:0;text-align:center;font-size:clamp(38px,4vw,56px);letter-spacing:-.05em;color:var(--cr-carbon)}.intro{text-align:center;color:var(--cr-slate);font-size:clamp(16px,1.7vw,22px);margin:12px 0 43px}.field{height:66px;display:flex;align-items:center;gap:20px;border:1.5px solid var(--cr-border);border-radius:10px;margin-bottom:20px;padding:0 20px;color:var(--cr-slate);box-shadow:inset 0 1px 2px rgba(32,42,53,.025)}.field:focus-within{border-color:var(--cr-green);box-shadow:0 0 0 3px rgba(139,196,20,.16)}.field-icon{font-size:23px;line-height:1}.field-icon.lock{font-size:22px}.field input{flex:1;min-width:0;border:0;outline:0;background:transparent;font:inherit;font-size:17px;color:var(--cr-carbon)}.field input::placeholder{color:#7C8791;opacity:1}.toggle-password{border:0;background:transparent;color:var(--cr-slate);font-size:21px;cursor:pointer;padding:8px}.submit{height:62px;width:100%;border:0;border-radius:9px;margin-top:17px;background:var(--cr-green);color:var(--cr-carbon);font:700 18px var(--cr-font);cursor:pointer;transition:background .15s ease,transform .15s ease}.submit:hover{background:#7DB20F;transform:translateY(-1px)}.submit:focus-visible,.toggle-password:focus-visible{outline:3px solid var(--cr-carbon);outline-offset:3px}.submit span{font-size:24px;vertical-align:-2px;margin-right:10px}.alert{margin:-22px 0 23px;padding:12px 15px;border:1px solid #efd0c9;border-radius:8px;background:#fff3f0;color:#974230;font-size:14px;line-height:1.45}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}body>footer{height:65px;border-top:1px solid var(--cr-border);margin:0 4%;display:flex;justify-content:space-between;align-items:center;color:var(--cr-slate);font-size:13px}body>footer span:last-child{letter-spacing:.07em;font-size:11px}@media(max-width:900px){.brand-panel{padding-left:7vw;padding-right:2vw}.pillars{margin-left:0;gap:10px;font-size:10px}.login-card{padding:46px 35px}}@media(max-width:680px){.login-page{min-height:calc(100vh - 80px);grid-template-columns:1fr}.brand-panel{padding:43px 8vw 15px;min-height:240px}.brand-copy h1{font-size:50px;margin:20px 0 6px}.brand-motto{font-size:25px}.brand-subtitle{letter-spacing:.26em}.brand-name{font-size:26px}.pillars{display:none}.building{display:none}.form-panel{padding:15px 6vw 35px;align-items:flex-start}.login-card{padding:34px 25px 30px;border-radius:14px}.intro{margin:8px 0 27px}.field{height:59px}.submit{height:59px}body>footer{height:auto;min-height:62px;gap:10px;flex-wrap:wrap;padding:12px 0;font-size:11px}body>footer span:last-child{display:none}}