.login-page{background:radial-gradient(circle at 12% 90%, #56b96a29, transparent 30rem), radial-gradient(circle at 90% 5%, #00a7e12e, transparent 34rem), var(--ice-50);place-items:center;min-height:100dvh;padding:24px;display:grid}.login-card{border:1px solid var(--line-200);background:#fff;border-radius:28px;grid-template-columns:1fr 1.05fr;width:min(100%,980px);min-height:600px;display:grid;overflow:hidden;box-shadow:0 28px 80px #0b173029}.login-card__form{align-content:center;gap:32px;padding:clamp(28px,5vw,64px);display:grid}.login-card__form h1{font:700 30px var(--font-heading);margin:7px 0}.login-card__form p{color:var(--slate-700);margin:0;line-height:1.7}.login-form{gap:16px;display:grid}.login-input{border:1px solid var(--line-200);background:#fff;border-radius:12px;align-items:center;gap:10px;height:48px;padding-inline:12px;display:flex}.login-input:focus-within{border-color:var(--cyan-600);box-shadow:0 0 0 3px #00a7e11f}.login-input svg{color:var(--slate-500)}.login-input input{border:0;outline:0;flex:1;min-width:0;height:100%}.login-error{background:var(--red-100);color:var(--red-600);border:1px solid #efcaca;border-radius:10px;padding:11px 13px;font-size:12px}.back-catalog{color:var(--cyan-700);text-align:center;font-size:12px;font-weight:700}.login-card__aside{background:var(--navy-950);color:#fff;align-content:center;gap:18px;padding:clamp(34px,5vw,64px);display:grid;position:relative;overflow:hidden}.login-card__aside>span{color:#68d2f5;letter-spacing:.08em;font-size:11px;font-weight:800}.login-card__aside h2{z-index:1;font:700 28px/1.6 var(--font-heading);margin:0;position:relative}.login-card__aside ul{z-index:1;gap:12px;margin:8px 0 0;padding:0;list-style:none;display:grid;position:relative}.login-card__aside li{color:#c7d3e2;align-items:center;gap:9px;font-size:13px;display:flex}.login-card__aside li svg{color:var(--green-600)}.login-molecule{opacity:.25;width:330px;height:330px;position:absolute;inset-block-end:-110px;inset-inline-end:-120px}.login-molecule:before,.login-molecule:after,.login-molecule i{content:"";border:3px solid var(--cyan-600);border-radius:50%;position:absolute;inset:25%;transform:rotate(30deg)scaleX(1.8)}.login-molecule:after{border-color:var(--green-600);transform:rotate(-35deg)scaleX(1.8)}.login-molecule i{border-color:var(--orange-500);transform:rotate(90deg)scaleX(1.8)}@media (max-width:760px){.login-card{grid-template-columns:1fr}.login-card__aside{display:none}}