@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=DM+Serif+Display&display=swap');
:root{--forest:#123f35;--deep:#0b3028;--lime:#c9e562;--cream:#fbfaf4;--muted:#60746d;--line:#dce3d8}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--forest);font:16px/1.6 'DM Sans',Arial,sans-serif}a{color:inherit}button,input{font:inherit}button,a,input{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.6;cursor:wait}:focus-visible{outline:3px solid #ef7d42;outline-offset:3px}[hidden]{display:none!important}.access-layout{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.intro{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:60px;padding:48px clamp(30px,6vw,100px);background:linear-gradient(180deg,rgba(11,48,40,.88),rgba(11,48,40,.75)),url('/media/landschap-hero.jpg') center/cover;color:white}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;font-weight:700;line-height:1.2}.mark{display:grid;place-items:center;width:45px;height:49px;border:1px solid #c9e5628f;border-radius:12px;color:var(--lime);font-size:25px}.eyebrow{font-size:.74rem;letter-spacing:.13em;text-transform:uppercase;font-weight:700;color:#e9a37d}h1,h2{font-family:'DM Serif Display',Georgia,serif;font-weight:400;line-height:1.05;letter-spacing:-.035em}h1{font-size:clamp(3rem,5.4vw,5.3rem);margin:18px 0 25px;max-width:580px}h1 em{color:var(--lime);font-style:normal}.intro .lead{color:#d6e4dc;font-size:1.1rem;max-width:430px}.steps{display:grid;gap:15px;margin:35px 0 20px;padding:0;list-style:none}.steps li{display:flex;gap:13px;align-items:center;font-size:.94rem}.steps span{display:grid;place-items:center;border:1px solid #ffffff40;border-radius:50%;width:30px;height:30px;color:var(--lime);font-size:.8rem}.domain{color:#c6d6ce;font-size:.8rem}.form-side{display:flex;align-items:center;justify-content:center;padding:45px clamp(25px,5vw,85px)}.form-card{width:100%;max-width:480px}h2{font-size:2.5rem;margin:13px 0}.muted{color:var(--muted)}.small{font-size:.82rem}.tabs{display:flex;padding:5px;background:#eeeee5;border-radius:11px;gap:4px;margin:27px 0}.tabs button{flex:1;border:0;border-radius:8px;background:transparent;padding:11px;color:var(--muted);font-weight:700}.tabs button[aria-selected=true]{background:white;color:var(--forest);box-shadow:0 2px 8px #123f3510}label{display:block;font-size:.88rem;font-weight:700;margin:15px 0 5px}input:not([type=checkbox]){width:100%;padding:12px 14px;background:#fff;border:1px solid #cbd6cb;border-radius:8px;color:var(--forest);min-height:48px}.row{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:12px}.check{display:flex;align-items:flex-start;gap:11px;margin:20px 0;font-size:.84rem;font-weight:400}.check input{width:18px;height:18px;accent-color:var(--forest);flex-shrink:0;margin-top:4px}.check strong{display:block}.button{display:flex;align-items:center;justify-content:center;gap:15px;width:100%;padding:14px 20px;background:var(--lime);border:0;border-radius:9px;color:var(--forest);font-weight:700;text-decoration:none;min-height:50px}.notice{padding:12px 15px;background:#f8e7d9;border-radius:8px;margin:16px 0;font-size:.9rem}.subtle{margin-top:27px;padding-top:22px;border-top:1px solid var(--line);font-size:.82rem;color:var(--muted)}.subtle a{font-weight:700}.demo-info{padding:14px 16px;border:1px dashed #8d9b70;background:#eff5dd;border-radius:9px;margin:16px 0;font-size:.84rem}.text-button{border:0;background:none;color:var(--forest);font-weight:700;text-decoration:underline;padding:0}.password-wrap{position:relative}.password-wrap input{padding-right:75px!important}.password-wrap button{position:absolute;right:10px;top:10px;border:0;background:none;color:var(--forest);padding:5px;font-size:.8rem}.help{margin:16px 0;font-size:.84rem}.help summary{cursor:pointer;font-weight:600}.help p{color:var(--muted)}@media(max-width:820px){.access-layout{grid-template-columns:1fr}.intro{padding:25px;gap:20px;min-height:300px}.intro h1{font-size:3rem;max-width:600px;margin:10px 0}.intro .lead{margin:15px 0 0;max-width:600px}.steps,.domain{display:none}.form-side{padding:25px 23px 40px}.form-card{max-width:600px}h2{font-size:2.1rem}.tabs{margin:20px 0}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}