.access-page{--access-green:#004d36;--access-ink:#102b1b;--access-paper:#fcf5eb;--access-muted:#50534f;min-height:100svh;color:var(--access-ink);font-family:var(--font-alder), Arial, sans-serif;background:#f9f5ed}.access-screen{background:var(--access-green);width:100%;max-width:480px;margin:0 auto}.access-brandbar{color:#fffdf4;background:radial-gradient(at 60% 15%,#00654a,#003d2c 90%);justify-content:space-between;align-items:center;gap:12px;min-height:64px;padding:10px 20px 11px;display:flex}.access-brand{color:inherit;align-items:center;gap:8px;text-decoration:none;display:flex}.access-brand>span{letter-spacing:-.04em;font:800 clamp(1.5rem,7vw,2rem)/1 Georgia,serif}.access-shop{object-fit:contain;width:43px;height:43px}.access-rays{fill:none;stroke:#fbb900;stroke-width:4px;stroke-linecap:round;flex:none;width:20px;height:25px}.access-brand>.access-rays{margin-left:-5px}.access-demo{color:#073d1c;white-space:nowrap;background:linear-gradient(110deg,#f3f1d8,#ebedcc);border:1px solid #e9e5c9;border-radius:14px;justify-content:center;align-items:center;gap:7px;padding:8px 11px;font-size:.85rem;font-weight:800;line-height:1;display:flex}.access-demo>svg{stroke-width:2.2px;width:23px;height:23px}.access-paper{background:radial-gradient(ellipse at 25% 45%, #fff9f0, transparent 85%), var(--access-paper);border-radius:25px 25px 0 0;padding:10px 14px 8px;position:relative}.access-heading{text-align:center}.access-eyebrow{color:#17471b;letter-spacing:.085em;text-transform:uppercase;background:linear-gradient(100deg,#e9edcc,#f0f0d9);border-radius:22px;margin:0 auto 5px;padding:4px 13px;font-size:.72rem;font-weight:800;line-height:1.2;display:table}.access-heading h1{color:#080b08;letter-spacing:-.045em;margin:0 0 4px;font:800 clamp(1.9rem,8.8vw,2.65rem)/.98 Georgia,serif}.access-heading h1>span{display:block}.access-subtitle{color:var(--access-muted);margin:0 0 1px;font-size:clamp(.9rem,4.1vw,1.15rem);line-height:1.4}.access-illustration{aspect-ratio:894/395;border-radius:17px;width:86%;margin:8px auto 18px;position:relative;overflow:hidden}.access-illustration img{width:105.257%;max-width:none;height:auto;position:absolute;top:-126.582%;left:-2.68456%}.access-form{margin:0}.access-field+.access-field{margin-top:7px}.access-field label{color:#111b12;align-items:center;gap:10px;margin:0 5px 3px;font:700 clamp(1rem,4.7vw,1.4rem)/1.2 Georgia,serif;display:flex}.access-field label>svg{color:#075127;stroke-width:1.9px;flex:none;width:23px;height:23px}.access-field input{color:#203026;width:100%;min-height:36px;font:400 1rem/1.25 var(--font-alder), Arial, sans-serif;background:#fffaf3;border:1px solid #8d8476;border-radius:11px;padding:6px 15px;display:block}.access-field input::placeholder{color:#656560;opacity:1}.access-field input[aria-invalid=true]{border-color:#962c21}.access-password-wrap{position:relative}.access-password-wrap input{padding-right:47px}.access-password-toggle{color:#08442c;cursor:pointer;background:0 0;border:0;border-radius:10px;place-items:center;width:44px;min-height:36px;display:grid;position:absolute;top:0;bottom:0;right:1px}.access-password-toggle>svg{stroke-width:2px;width:23px;height:23px}.access-submit,.access-register{width:calc(100% + 8px);min-height:42px;font:800 clamp(1rem, 4.7vw, 1.3rem)/1.1 var(--font-alder), Arial, sans-serif;cursor:pointer;border-radius:15px;justify-content:center;align-items:center;gap:12px;margin-left:-4px;padding:5px 12px;display:flex}.access-submit{color:#fffdf4;background:linear-gradient(145deg,#006c4a,#00472f 75%);border:1px solid #00402d;border-top-color:#008d67;margin-top:12px;box-shadow:0 2px 3px #153b201a}.access-submit>svg{stroke-width:2.6px;width:29px;height:29px}.access-submit:disabled{cursor:wait;opacity:.75}.access-divider{color:#4f534f;text-align:center;align-items:center;gap:12px;margin:7px 3px;font-size:.9rem;line-height:1.35;display:flex}.access-divider:before,.access-divider:after{content:"";background:#b4aea2;flex:1;height:1px}.access-register{color:#03442c;background:0 0;border:1.5px solid #005039;min-height:39px;text-decoration:none}.access-register>svg{stroke-width:2.3px;width:25px;height:25px}.access-promise{background:linear-gradient(100deg,#edf0d4,#f0f0d8);border-radius:22px;align-items:center;gap:12px;margin:9px -4px 0;padding:6px 13px;display:flex}.access-promise-mark{border-right:1px solid #98ad72;flex:none;place-items:center;width:71px;min-height:34px;padding-right:17px;display:grid;position:relative}.access-promise-mark>svg:first-child{color:#0a4e25;stroke-width:1.8px;width:32px;height:32px}.access-promise-mark>.access-rays{width:17px;height:20px;position:absolute;top:-3px;right:8px}.access-promise p{color:#42483c;margin:0;font-size:.85rem;line-height:1.4}.access-message{color:#17471b;margin:0;padding:8px 0 0;font-size:.9rem;line-height:1.4}.access-message--error{color:#8a281b}.access-page :is(input,button,a):focus-visible{outline-offset:3px;outline:3px solid #19754c}@media (min-width:700px){.access-page{padding:28px 24px}.access-screen{border:1px solid #e4d9c8;border-radius:30px;overflow:hidden;box-shadow:0 14px 40px #3a30251a}.access-brandbar{min-height:90px;padding-inline:25px}.access-paper{border-radius:28px;padding:17px 20px 20px}.access-eyebrow{font-size:.85rem}.access-field input{min-height:45px}.access-submit,.access-register{min-height:50px}.access-promise{padding:13px 17px}.access-promise p{font-size:1rem}}@media (forced-colors:active){.access-demo,.access-eyebrow,.access-promise,.access-submit{border:1px solid buttontext}.access-page :is(input,button):focus-visible{outline-color:highlight}}.access-guest{color:#183e35;cursor:pointer;width:100%;font:inherit;background:#fffdf7;border:1px solid #b8c7b0;margin-top:12px}.access-guest:disabled{opacity:.65;cursor:progress}