.auth-screen{--auth-bg:#f7faf5;--auth-panel:#fff;--auth-text:#18251b;--auth-muted:#526554;--auth-line:#bdcfb6;--auth-accent:#477e00;--auth-accent-text:#fff;background:var(--auth-bg);min-height:100vh;color:var(--auth-text);position:relative;overflow:hidden}.dark .auth-screen{--auth-bg:#0a0d0b;--auth-panel:#111713;--auth-text:#f1f3ee;--auth-muted:#aeb6ad;--auth-line:#364036;--auth-accent:#b7f34a;--auth-accent-text:#152006}.auth-screen:before{content:"";pointer-events:none;opacity:.45;background:linear-gradient(145deg,transparent 44%,var(--auth-line)44.1%,transparent 44.2%)0 0/100% 100%,linear-gradient(20deg,transparent 24%,var(--auth-line)24.1%,transparent 24.2%)0 0/100% 100%,radial-gradient(circle at 67% 58%,color-mix(in srgb,var(--auth-accent)14%,transparent),transparent 35%);position:absolute;top:0;bottom:0;left:0;right:50%}.auth-topbar{z-index:1;justify-content:space-between;align-items:center;gap:24px;width:min(100% - 80px,1280px);height:96px;margin:auto;display:flex;position:relative}.auth-brand{color:var(--auth-text);letter-spacing:-.03em;align-items:center;gap:12px;font-size:20px;font-weight:750;display:inline-flex}.auth-brand-mark{background:var(--auth-accent);width:34px;height:34px;color:var(--auth-accent-text);letter-spacing:-.08em;border-radius:4px;place-items:center;font-size:22px;font-weight:900;display:grid}.auth-brand-divider{background:var(--auth-line);width:1px;height:24px;margin:0 12px}.auth-brand-area{color:var(--auth-muted);letter-spacing:0;font-size:13px;font-weight:500}.auth-back{color:var(--auth-muted);align-items:center;gap:8px;font-size:13px;transition:color .2s;display:inline-flex}.auth-back:hover{color:var(--auth-accent)}.auth-main{z-index:1;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;width:min(100% - 80px,1280px);min-height:calc(100vh - 96px);margin:auto;display:grid;position:relative}.auth-intro{padding:0 56px 80px 0}.auth-intro h1{letter-spacing:-.04em;font-size:max(54px,min(5vw,78px));font-weight:750;line-height:1.03}.auth-intro h1 span{color:var(--auth-accent)}.auth-intro p{max-width:440px;color:var(--auth-muted);margin-top:24px;font-size:19px;line-height:1.55}.auth-intro:after{content:"";background:var(--auth-accent);width:34px;height:2px;margin-top:34px;display:block}.auth-form-side{border-left:1px solid var(--auth-line);align-items:center;min-height:560px;padding:20px 0 80px max(56px,min(7vw,110px));display:flex}.auth-form-inner{width:min(100%,390px)}.auth-form-heading{letter-spacing:-.035em;font-size:32px;font-weight:680;line-height:1.15}.auth-form-area{color:var(--auth-muted);margin-top:10px;font-size:15px}.auth-form-description{color:var(--auth-muted);margin-top:8px;margin-bottom:32px;font-size:13px;line-height:1.5}.auth-fields{gap:22px;display:grid}.auth-field-label{color:var(--auth-text);margin-bottom:8px;font-size:13px;font-weight:600;display:block}.auth-field-line{justify-content:space-between;align-items:center;gap:12px;display:flex}.auth-input-wrap{position:relative}.auth-input-icon{width:17px;height:17px;color:var(--auth-muted);pointer-events:none;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.auth-input{border:1px solid var(--auth-line);background:var(--auth-panel);width:100%;height:48px;color:var(--auth-text);border-radius:5px;outline:none;padding:0 44px;font-size:14px;transition:border-color .2s,box-shadow .2s;display:block}.auth-input::placeholder{color:var(--auth-muted);opacity:.75}.auth-input:focus{border-color:var(--auth-accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--auth-accent)20%,transparent)}.auth-input-action{width:48px;height:48px;color:var(--auth-muted);place-items:center;display:grid;position:absolute;top:0;right:0}.auth-input-action:hover{color:var(--auth-text)}.auth-link{color:var(--auth-accent);font-size:12px;font-weight:600}.auth-link:hover{text-underline-offset:3px;text-decoration:underline}.auth-submit{background:var(--auth-accent);width:100%;height:48px;color:var(--auth-accent-text);border:0;border-radius:5px;justify-content:center;align-items:center;gap:10px;margin-top:26px;font-size:14px;font-weight:700;transition:filter .2s,transform .2s;display:flex}.auth-submit:hover:not(:disabled){filter:brightness(1.07);transform:translateY(-1px)}.auth-submit:disabled{opacity:.6;cursor:wait}.auth-secondary{border-top:1px solid var(--auth-line);color:var(--auth-muted);text-align:center;margin-top:26px;padding-top:20px;font-size:13px}.auth-error{color:var(--auth-text);background:color-mix(in srgb,#d7695f 10%,var(--auth-panel));border:1px solid #d7695f;border-radius:5px;align-items:flex-start;gap:10px;margin-bottom:20px;padding:12px 14px;font-size:13px;display:flex}.auth-login-form>*+*{margin-top:20px}.auth-login-form .auth-field+.auth-field{margin-top:22px}.auth-field-line .auth-field-label{margin-bottom:8px}@media (max-width:800px){.auth-screen:before{opacity:.2;top:0;bottom:0;left:0;right:0}.auth-topbar{width:min(100% - 40px,560px);height:76px}.auth-brand{font-size:18px}.auth-brand-area,.auth-brand-divider{display:none}.auth-main{width:min(100% - 40px,560px);min-height:calc(100vh - 76px);padding:36px 0 72px;display:block}.auth-intro{padding:0 0 38px}.auth-intro h1{font-size:max(40px,min(10vw,56px))}.auth-intro p{margin-top:12px;font-size:15px}.auth-intro:after{margin-top:22px}.auth-form-side{border-left:0;border-top:1px solid var(--auth-line);min-height:0;padding:32px 0 0}.auth-form-inner{width:100%}.auth-form-heading{font-size:27px}}@media (max-width:400px){.auth-topbar,.auth-main{width:calc(100% - 32px)}.auth-back{font-size:12px}}
