#login.access-screen{--access-ink:var(--eco-text);--access-muted:var(--eco-text-muted);display:grid;grid-template-columns:minmax(420px,40%) minmax(0,1fr);min-height:100dvh;background:var(--eco-surface);font-family:var(--eco-font-body);color:var(--access-ink)}#login.access-screen[hidden]{display:none!important}.access-panel{display:flex;justify-content:center;align-items:center;padding:48px 40px;border-right:1px solid var(--eco-border)}.access-content{width:100%;max-width:424px}.access-brand{display:block;width:144px;height:72px;object-fit:contain;object-position:left;margin:0 0 12px}.access-content h1{font-size:28px;letter-spacing:-1px;line-height:1.25;font-weight:700;margin:0 0 10px}.access-content h1>span{position:relative;white-space:nowrap}.access-content h1>span:after{content:'';position:absolute;inset:auto 0 -5px;border-top:3px solid var(--eco-orange);height:6px;border-radius:50%;transform:rotate(-2deg)}.access-intro{font-size:14px;color:var(--access-muted);line-height:1.6;margin:0 0 24px}.access-content label{display:block;font-size:12px;font-weight:600;margin:18px 0 8px}.access-content input{width:100%;height:48px;border:1px solid var(--eco-control-border);border-radius:10px;background:var(--eco-surface);color:var(--access-ink);padding:13px 14px;font:inherit;font-size:14px}.access-content input::placeholder{color:var(--access-muted)}.access-label-row{display:flex;justify-content:space-between;align-items:baseline;gap:10px}.access-label-row a{font-size:12px;color:var(--eco-accent-ink);text-decoration:none}.access-password{position:relative}.access-password input{padding-right:50px}.access-password button{position:absolute;right:3px;top:3px;width:42px;height:42px;display:grid;place-items:center;background:none;border:0;color:var(--access-muted);border-radius:8px}.access-submit{width:100%;min-height:49px;display:flex;align-items:center;justify-content:center;gap:16px;background:var(--eco-orange);color:var(--ui-on-primary);border:0;border-radius:10px;padding:12px 18px;margin-top:24px;font:inherit;font-size:14px;font-weight:600;cursor:pointer}.access-submit:hover{background:var(--primary-hover)}.access-divider{display:flex;align-items:center;gap:12px;font-size:12px;color:var(--access-muted);margin:24px 0 18px}.access-divider:before,.access-divider:after{content:'';height:1px;flex:1;background:var(--eco-border)}.access-google{width:100%;min-height:49px;display:flex;align-items:center;justify-content:center;gap:12px;border:1px solid var(--eco-control-border);border-radius:10px;background:var(--eco-surface);color:var(--access-ink);font:inherit;font-size:14px;cursor:pointer}.access-google:hover{background:var(--eco-surface-raised)}.access-signup{font-size:12px;text-align:center;color:var(--access-muted);margin:24px 0 18px}.access-signup a{color:var(--eco-accent-ink);font-weight:600;margin-left:5px}.access-admin{font-size:12px;color:var(--access-muted);margin:16px 0}.access-admin summary{cursor:pointer;text-align:center}.access-admin form{margin-top:12px}.access-admin small{display:block;margin-top:8px;overflow-wrap:anywhere}.access-security{display:flex;align-items:flex-start;gap:12px;border:1px solid var(--eco-border);border-radius:12px;padding:16px;background:var(--eco-surface-raised);margin-top:20px}.access-security>span{display:grid;place-items:center;width:32px;height:32px;flex-shrink:0;border-radius:8px;background:var(--eco-surface);color:var(--eco-accent-ink);border:1px solid var(--eco-border)}.access-security p{font-size:11px;color:var(--access-muted);line-height:1.7;margin:0}.access-security strong{color:var(--access-ink)}#access-status{color:var(--eco-error);font-size:12px;line-height:1.6;margin:12px 0 0}#access-status:empty{display:none}.access-story{position:relative;overflow:hidden;isolation:isolate;display:flex;justify-content:center;align-items:center;padding:60px 12%;background:radial-gradient(ellipse at 75% 12%,color-mix(in srgb,var(--eco-orange) 13%,transparent),transparent 60%),radial-gradient(ellipse at 25% 90%,color-mix(in srgb,var(--eco-orange) 10%,transparent),transparent 60%),var(--eco-bg)}.access-story-inner{width:100%;max-width:650px;position:relative}.access-waves{position:absolute;inset:10% -4% auto;width:108%;height:70%;stroke:var(--eco-orange);stroke-width:1;opacity:.45;pointer-events:none}.access-art{height:370px;position:relative}.access-feature{position:absolute;display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--eco-surface);border:1px solid var(--eco-border);border-radius:12px;box-shadow:0 8px 25px #00000008;font-size:12px;white-space:nowrap}.access-feature>span{display:grid;place-items:center;width:32px;height:32px;background:var(--eco-surface-raised);border-radius:8px;color:var(--eco-accent-ink);font-size:21px}.access-feature small{display:block;color:var(--access-muted);font-size:10px;margin-top:3px}.access-feature-one{top:0;left:-6%}.access-feature-two{top:47%;right:-12%}.access-feature-three{bottom:18px;left:0}.access-story h2{font-size:32px;letter-spacing:-1.1px;line-height:1.3;margin:36px 0 10px;font-weight:500}.access-story em{font-family:Georgia,serif;color:var(--eco-accent-ink);font-size:35px}.access-story p{font-size:15px;line-height:1.7;color:var(--access-muted);margin:0;max-width:450px}.access-dots{display:flex;gap:7px;margin-top:38px}.access-dots i{height:8px;width:8px;background:color-mix(in srgb,var(--eco-orange) 25%,transparent);border-radius:8px}.access-dots i:first-child{width:24px;background:var(--eco-orange)}.access-content :is(button,input,a,summary):focus-visible{outline:3px solid var(--eco-accent-ink);outline-offset:3px}.access-content button:disabled{opacity:.6;cursor:wait}@media(max-width:1100px){#login.access-screen{grid-template-columns:minmax(380px,48%) minmax(0,1fr)}.access-story{padding:40px 10%}.access-feature-two{right:-25%}.access-story h2{font-size:28px}.access-art{height:330px}}@media(max-width:800px){#login.access-screen{grid-template-columns:minmax(0,1fr)}.access-panel{border:0;padding:32px 24px}.access-story{display:none}.access-content{max-width:424px}.access-brand{width:128px;height:64px}.access-content h1{font-size:27px}}@media(prefers-reduced-motion:reduce){.access-screen *{animation:none!important;transition:none!important}}
.access-feature-one{left:0}.access-feature-two{right:0}.access-label-row button{font:inherit;font-size:12px;padding:0;border:0;background:none;color:var(--eco-accent-ink);cursor:pointer}.access-label-row button:hover{text-decoration:underline}