@font-face{font-family:Manrope;src:url('assets/manrope.woff2') format('woff2');font-display:swap;font-weight:200 800}
@font-face{font-family:'DM Mono';src:url('assets/dm-mono.woff2') format('woff2');font-display:swap}
:root{--graphite:#101216;--surface:#161b18;--surface-2:#1c241f;--porcelain:#f7f5ef;--muted:#bac2bd;--line:#3d4942;--yellow:#ffc400;--emerald:#159653;--emerald-dark:#0b743d;--error:#ffb4a8;--focus:#f9d65c;color-scheme:dark}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--graphite)}
body{margin:0;background:var(--graphite);color:var(--porcelain);font:16px/1.55 Manrope,Arial,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-underline-offset:4px}
button,input{font:inherit}
.skip-link{position:fixed;left:12px;top:12px;z-index:50;background:var(--porcelain);color:var(--graphite);padding:10px 14px;transform:translateY(-160%);border-radius:4px}.skip-link:focus{transform:none}
.site-header{height:92px;padding:16px clamp(22px,5vw,76px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #29312c;background:rgba(16,18,22,.96);position:sticky;top:0;z-index:20;backdrop-filter:blur(14px)}
.brand{display:flex;align-items:center;min-height:48px}.brand img{display:block;width:126px;height:auto}.home-link{min-height:44px;display:inline-flex;align-items:center;padding:8px 13px;border:1px solid var(--line);border-radius:6px;text-decoration:none;font-weight:700;font-size:13px}.home-link:hover{background:var(--surface-2)}
main{min-height:calc(100vh - 92px)}
.signup-layout{max-width:1440px;margin:0 auto;padding:clamp(28px,4vw,54px) clamp(22px,5vw,76px) 72px;display:grid;grid-template-columns:minmax(360px,560px) minmax(0,1fr);gap:clamp(44px,7vw,112px);align-items:start}
.signup-column{min-width:0}.eyebrow{margin:0 0 16px;color:var(--yellow);font:11px/1.5 'DM Mono',monospace;letter-spacing:.13em}
h1{margin:0;font-size:clamp(44px,4.2vw,64px);line-height:1.01;letter-spacing:-.055em;max-width:10ch}h1 span{color:var(--yellow)}
.welcome-copy{margin:16px 0 22px;color:#d3d8d4;font-size:clamp(16px,1.25vw,19px);line-height:1.6;max-width:42ch;text-wrap:pretty}
.account-card{background:linear-gradient(145deg,#171d19,#121714);border:1px solid var(--line);border-radius:10px;padding:clamp(22px,3vw,34px);box-shadow:0 24px 80px #0003}
.mode-tabs{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line);margin:-6px 0 26px}.mode-tab{min-height:48px;border:0;border-bottom:3px solid transparent;background:transparent;color:var(--muted);font-weight:750;cursor:pointer}.mode-tab.is-active{color:var(--porcelain);border-color:var(--yellow)}.mode-tab:focus-visible,.primary-action:focus-visible,.text-action:focus-visible,.show-password:focus-visible,a:focus-visible{outline:3px solid var(--focus);outline-offset:3px}
.account-card h2{margin:0 0 8px;font-size:clamp(26px,2.4vw,36px);line-height:1.15;letter-spacing:-.035em}.account-card section>p{margin:0 0 24px;color:var(--muted);max-width:44ch}
form{display:grid;gap:18px}.field{display:grid;gap:8px;font-weight:750;font-size:14px}.field input{width:100%;height:54px;border:1px solid #59675e;border-radius:6px;background:#0f1311;color:var(--porcelain);padding:0 14px;transition:border-color .2s,box-shadow .2s}.field input:hover{border-color:#7e9084}.field input:focus{border-color:var(--yellow);box-shadow:0 0 0 3px #ffc40025;outline:0}.field input[aria-invalid=true]{border-color:var(--error)}
.password-wrap{display:grid;grid-template-columns:1fr auto;align-items:center;position:relative}.password-wrap input{grid-column:1/-1;padding-right:72px}.show-password{grid-column:2;position:absolute;right:10px;min-height:40px;border:0;background:transparent;color:#d1d8d3;font-size:12px;font-weight:750;cursor:pointer}
.field-help,.privacy-line{margin:-7px 0 0;color:#9fa9a2;font-size:12px;line-height:1.6}.privacy-line{margin:0}.privacy-line a{font-weight:700}
.primary-action{min-height:56px;border:0;border-radius:6px;background:var(--emerald);color:white;padding:13px 18px;display:flex;justify-content:space-between;align-items:center;font-weight:800;cursor:pointer;transition:background .2s,transform .2s}.primary-action:hover{background:var(--emerald-dark);transform:translateY(-1px)}.primary-action:disabled{opacity:.65;cursor:wait;transform:none}.primary-action span{font-size:22px}
.text-action{justify-self:start;border:0;background:transparent;color:#d7ddd9;padding:8px 0;text-decoration:underline;text-underline-offset:4px;cursor:pointer;font-size:13px}
.form-status{margin-top:20px;padding:14px 16px;border-left:3px solid var(--yellow);background:#302a13;color:#f8edbe;border-radius:0 5px 5px 0;font-size:14px}.form-status.is-error{border-color:var(--error);background:#301b19;color:#ffd6cf}.form-status.is-success{border-color:#55d693;background:#12271b;color:#d8f7e5}
.plain-boundary{margin:18px 0 0;padding:0 4px;display:grid;gap:3px;color:var(--muted);font-size:13px}.plain-boundary strong{color:var(--porcelain)}
.local-art{margin:16px 0 0;position:sticky;top:110px;min-width:0}.local-art picture{display:block;border-radius:12px;overflow:hidden;border:1px solid #37423b;background:#efe9df}.local-art img{display:block;width:100%;height:auto}.local-art figcaption{margin:12px 4px 0;color:#aeb7b1;font-size:12px;line-height:1.55;max-width:56ch}
.completion{max-width:790px;margin:0 auto;padding:clamp(56px,9vw,120px) 24px 100px}.completion h2{font-size:clamp(55px,8vw,96px);line-height:.98;letter-spacing:-.055em;margin:0 0 20px}.completion>p{font-size:19px;line-height:1.7;max-width:52ch}.completion strong{overflow-wrap:anywhere}.download-panel{margin-top:34px;padding:clamp(22px,4vw,36px);border:1px solid var(--line);border-radius:10px;background:var(--surface)}.download-panel h3{margin:0 0 18px;font-size:28px}.download-actions{display:flex;gap:12px;flex-wrap:wrap}.download-button{display:inline-flex;min-height:52px;align-items:center;padding:12px 17px;border-radius:6px;background:var(--emerald);color:white;text-decoration:none;font-weight:800}.download-button:hover{background:var(--emerald-dark)}.download-panel p{color:var(--muted);margin:16px 0 0}.founder-line{margin-top:24px!important;font-size:15px!important}.founder-line a{font-weight:800}
footer{border-top:1px solid #29312c;max-width:1440px;margin:0 auto;padding:28px clamp(22px,5vw,76px) 40px;display:flex;justify-content:space-between;align-items:flex-start;gap:24px;color:#98a29b;font-size:12px}footer p{margin:0}footer nav{display:flex;gap:18px;flex-wrap:wrap}
[hidden]{display:none!important}
@media(max-width:900px){.signup-layout{grid-template-columns:1fr;max-width:650px;gap:28px}.local-art{position:relative;top:auto;margin:0}.local-art figcaption{margin-inline:0}.completion{max-width:650px}}
@media(max-width:640px){.site-header{height:78px;padding:12px 20px}.brand img{width:110px}.signup-layout{padding:28px 20px 56px}.eyebrow{font-size:10px}h1{font-size:clamp(46px,14vw,66px);max-width:8.7ch}.welcome-copy{margin:18px 0 22px;font-size:16px}.account-card{padding:20px 18px}.local-art{order:2;margin-top:0}.local-art picture{max-height:240px}.local-art img{height:240px;object-fit:cover;object-position:72% center}footer{padding:24px 20px 34px;display:grid}.completion{padding:48px 20px 72px}.completion h2{font-size:58px}.download-actions{display:grid}.download-button{justify-content:center}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.primary-action{transition:none}}
@media(max-width:640px){.site-header{height:64px}.signup-layout{padding-top:20px}h1{font-size:36px;max-width:none}.eyebrow{margin-bottom:10px}.welcome-copy{margin:12px 0 16px}.account-card h2{font-size:24px}.account-card section>p{margin-bottom:18px}.mode-tabs{margin-bottom:18px}.local-art{display:none}}