:root { color-scheme: dark; --ink:#f5f2eb; --muted:#aaa59b; --line:#34322e; --panel:#121212; --panel-2:#1a1917; --accent:#e7ff4f; --accent-ink:#111; }
* { box-sizing:border-box; }
body { margin:0; min-height:100vh; background:#080808; color:var(--ink); font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
a { color:inherit; }
.sales-shell { min-height:100vh; }
.sales-footer { display:flex; align-items:center; justify-content:center; gap:16px; padding:18px 20px 28px; color:#77736c; font-size:.7rem; text-align:center; }.sales-footer a { padding:5px 10px; border:1px solid rgba(231,255,79,.34); border-radius:999px; color:#e7ff4f; background:rgba(231,255,79,.05); text-decoration:none; }.sales-footer a:hover { background:rgba(231,255,79,.14); }
.sales-hero { padding:24px clamp(20px, 6vw, 90px) 76px; background:linear-gradient(110deg, rgba(0,0,0,.84), rgba(0,0,0,.26)), url('./assets/hero-house-movement-bw.jpg') center/cover; border-bottom:1px solid var(--line); }
.sales-shell.is-authenticated .sales-hero { padding-bottom:24px; }
.sales-shell.is-authenticated .hero-copy { display:none; }
.sales-nav { display:flex; justify-content:space-between; align-items:center; max-width:1240px; margin:0 auto; }
.sales-nav img { width:150px; height:auto; filter:brightness(0) invert(1); }
.sales-nav a { color:var(--muted); text-decoration:none; font-size:.86rem; }
.sales-nav a:hover { color:var(--ink); }
.sales-account-menu { position:relative; }
.sales-account-trigger { display:inline-flex; align-items:center; gap:8px; min-height:40px; padding:0 14px; border:1px solid rgba(231,255,79,.35); border-radius:999px; color:var(--accent); background:rgba(0,0,0,.42); font:inherit; font-size:.82rem; font-weight:800; cursor:pointer; }
.sales-account-trigger span { font-size:1rem; line-height:1; }
.sales-account-dropdown { position:absolute; z-index:10; top:calc(100% + 8px); right:0; display:grid; min-width:190px; padding:6px; border:1px solid var(--line); border-radius:12px; background:#151513; box-shadow:0 14px 30px rgba(0,0,0,.28); }
.sales-account-dropdown button,.sales-account-dropdown a { padding:11px 12px; border:0; border-radius:8px; color:var(--ink); background:transparent; text-align:left; font:inherit; font-size:.82rem; text-decoration:none; cursor:pointer; }
.sales-account-dropdown button:hover,.sales-account-dropdown a:hover { color:var(--accent); background:rgba(231,255,79,.08); }
.hero-copy { max-width:760px; margin:92px auto 0; }
.eyebrow { margin:0 0 10px; color:var(--accent); font-size:.72rem; letter-spacing:.16em; font-weight:800; text-transform:uppercase; }
h1,h2,h3,p { margin-top:0; }
h1 { max-width:720px; margin-bottom:18px; font-size:clamp(2.6rem, 6vw, 5.7rem); line-height:.96; letter-spacing:-.065em; }
.hero-copy > p:last-child { max-width:560px; color:#d0cdc5; font-size:1.08rem; line-height:1.55; }
.sales-content { max-width:1240px; margin:0 auto; padding:58px 20px 90px; }
.sales-account-panel { max-width:760px; margin:28px auto 0; }
.sales-account-panel .section-intro { margin-bottom:22px; }
.sales-account-form { display:grid; grid-template-columns:1fr 1fr; gap:0 14px; }
.sales-account-form .primary-button { grid-column:1/-1; margin-top:4px; }
.account-danger-zone { margin-top:24px; padding-top:20px; border-top:1px solid rgba(255,185,167,.24); }
.account-danger-zone strong { display:block; margin-bottom:5px; color:#ffb9a7; }
.account-danger-zone p { margin:0 0 12px; color:var(--muted); font-size:.82rem; line-height:1.45; }
.danger-button { min-height:42px; padding:0 16px; border:1px solid rgba(255,185,167,.45); border-radius:10px; color:#ffb9a7; background:transparent; font:inherit; font-size:.82rem; font-weight:800; cursor:pointer; }
.danger-button:hover { background:rgba(255,185,167,.1); }
.section-intro { max-width:620px; margin-bottom:28px; }
.section-intro h2 { margin-bottom:10px; font-size:clamp(2rem,4vw,3.5rem); letter-spacing:-.045em; }
.section-intro > p:last-child { color:var(--muted); }
.sales-grid { display:grid; grid-template-columns:repeat(12,1fr); gap:16px; align-items:start; }
.sales-card { background:linear-gradient(145deg, var(--panel-2), var(--panel)); border:1px solid var(--line); border-radius:20px; padding:26px; }
.selection-card { grid-column:span 5; }.participant-card { grid-column:span 7; }.buyer-card { grid-column:span 7; }.summary-card { grid-column:span 5; position:sticky; top:18px; }
.card-heading { display:flex; gap:14px; align-items:flex-start; margin-bottom:24px; }.card-heading > span { color:var(--accent); font-size:.75rem; font-weight:800; }.card-heading h3 { margin:0; font-size:1.3rem; }.card-heading .eyebrow { margin-bottom:5px; }
label { display:block; margin-bottom:16px; color:#d7d3cb; font-size:.85rem; }.two-columns { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
input,select { width:100%; margin-top:7px; padding:13px 14px; color:var(--ink); background:#0d0d0c; border:1px solid #44413b; border-radius:10px; font:inherit; outline:none; } input:focus,select:focus { border-color:var(--accent); box-shadow:0 0 0 3px rgba(231,255,79,.12); }
.password-field { position:relative; display:block; }.password-field input { padding-right:78px; }.password-toggle { position:absolute; right:7px; bottom:7px; min-height:32px; padding:0 8px; border:1px solid #44413b; border-radius:7px; color:var(--muted); background:#1a1917; font:inherit; font-size:.7rem; font-weight:800; cursor:pointer; }.password-toggle:hover { color:var(--accent); border-color:var(--accent); }
.field-group { padding-top:4px; }.field-title { margin:0 0 14px; color:var(--accent); font-weight:700; }.check-row { display:flex; gap:10px; align-items:flex-start; margin-top:22px; color:var(--muted); line-height:1.4; }.check-row input { width:auto; margin:3px 0 0; accent-color:var(--accent); }
.summary-card h3 { margin:0 0 20px; font-size:1.5rem; }.summary-card dl { margin:0 0 24px; }.summary-card dl div { display:flex; justify-content:space-between; gap:16px; padding:13px 0; border-bottom:1px solid var(--line); }.summary-card dt { color:var(--muted); }.summary-card dd { margin:0; text-align:right; font-weight:700; }
.primary-button,.secondary-button { display:inline-flex; justify-content:center; align-items:center; width:100%; min-height:48px; border:0; border-radius:10px; font:inherit; font-weight:800; cursor:pointer; text-decoration:none; }.primary-button { color:var(--accent-ink); background:var(--accent); }.primary-button:disabled { color:#77736c; background:#37372f; cursor:not-allowed; }.secondary-button { width:auto; padding:0 20px; color:var(--ink); background:#282722; }
.form-note,.form-status { color:var(--muted); font-size:.82rem; line-height:1.45; }.form-status { min-height:20px; color:#ffb9a7; }.success-card { max-width:700px; margin-top:18px; }.success-card h2 { font-size:2.5rem; letter-spacing:-.04em; }.success-card p { color:var(--muted); line-height:1.55; }
.next-event-banner { display:grid; gap:4px; max-width:520px; margin:26px 0 0; padding:0 0 0 14px; border:0; border-left:2px solid var(--accent); border-radius:0; background:transparent; }.next-event-banner > span { color:var(--accent); font-size:.64rem; font-weight:800; letter-spacing:.14em; text-transform:uppercase; }.next-event-banner strong { font-size:1.08rem; }.next-event-banner em { color:var(--ink); font-size:.92rem; font-style:normal; font-weight:800; }.next-event-banner p { margin:1px 0 0; color:var(--muted); font-size:.76rem; }.next-event-info-link { margin-top:4px; color:var(--muted); font-size:.72rem; text-underline-offset:3px; }.next-event-info-link:hover { color:var(--accent); }.member-card { grid-column:1/-1; }.member-card .card-heading { margin-bottom:12px; }.member-card > .form-note { max-width:700px; margin-bottom:22px; }.member-action { display:flex; align-items:end; }.member-action .secondary-button { min-height:48px; width:100%; }.member-card .form-status { margin:4px 0 0; color:var(--accent); }.member-card .form-status.error { color:#ffb9a7; }
.sales-auth-gate { max-width:760px; margin:0 auto 34px; }
.sales-auth-gate .section-intro { margin-bottom:22px; }
.sales-auth-tabs { display:grid; grid-template-columns:repeat(3,1fr); gap:6px; padding:5px; margin-bottom:18px; border:1px solid var(--line); border-radius:12px; background:#0d0d0c; }
.sales-auth-tab { min-height:42px; border:0; border-radius:9px; color:var(--muted); background:transparent; font:inherit; font-weight:800; cursor:pointer; }
.sales-auth-tab.active { color:var(--accent-ink); background:var(--accent); }
.sales-auth-form { display:grid; grid-template-columns:1fr 1fr; gap:0 14px; }
.sales-auth-form label:first-child { grid-column:span 1; }
.sales-auth-form .primary-button { grid-column:1/-1; margin-top:4px; }
.sales-auth-session { display:flex; align-items:center; gap:12px; flex-wrap:wrap; padding:14px 16px; border:1px solid rgba(231,255,79,.32); border-radius:12px; background:rgba(231,255,79,.08); }
.sales-auth-session strong { color:var(--accent); }
.sales-auth-session span { color:var(--muted); }
.sales-auth-session .secondary-button { margin-left:auto; }
.member-access-box { margin:0 0 22px; padding:16px; border:1px solid rgba(231,255,79,.3); border-radius:14px; background:rgba(231,255,79,.06); }
.member-access-box strong { display:block; margin-bottom:5px; color:var(--accent); }
.member-access-box p { margin:0 0 12px; color:var(--muted); font-size:.8rem; line-height:1.4; }
.member-access-box label { margin-bottom:10px; }
.member-access-box .secondary-button { width:100%; min-height:42px; }
.member-access-box .form-status { margin:10px 0 0; }
.check-row a { color:var(--ink); font-weight:800; text-decoration:underline; text-underline-offset:3px; }
.terms-shell { min-height:100vh; color:var(--ink); background:#f4f4ef; }
.terms-header { padding:32px 20px 48px; color:var(--paper); text-align:center; background:linear-gradient(135deg,rgba(0,0,0,.88),rgba(0,0,0,.64)),url('./assets/hero-house-movement-bw.jpg') center/cover; }
.terms-header > a { display:inline-block; margin-bottom:36px; color:#d0cdc5; text-decoration:none; }
.terms-header img { display:block; width:min(170px,55vw); margin:0 auto 28px; filter:brightness(0) invert(1); }
.terms-header .eyebrow { color:var(--accent); }
.terms-header h1 { max-width:none; margin-bottom:12px; font-size:clamp(2.4rem,6vw,4.5rem); }
.terms-header p:last-child { margin:0; color:#d0cdc5; }
.terms-content { display:grid; gap:16px; width:min(900px,calc(100% - 32px)); margin:0 auto; padding:34px 0 70px; }
.terms-card { padding:28px; border:1px solid #deddd7; border-radius:18px; background:#fff; box-shadow:0 12px 30px rgba(0,0,0,.06); }
.terms-card h2 { margin-bottom:14px; font-size:1.45rem; }
.terms-card p:not(.eyebrow) { color:#575751; line-height:1.65; }
@media (max-width:620px) { .sales-auth-tabs { grid-template-columns:1fr; }.sales-auth-form,.sales-account-form { grid-template-columns:1fr; }.sales-auth-form .primary-button,.sales-account-form .primary-button { grid-column:auto; }.sales-auth-session .secondary-button { width:100%; margin-left:0; }.sales-account-trigger { min-height:38px; padding:0 11px; }.terms-card { padding:22px; } }
[hidden] { display:none !important; }
@media (max-width:820px) { .hero-copy { margin-top:68px; }.selection-card,.participant-card,.buyer-card,.summary-card { grid-column:1/-1; }.summary-card { position:static; }.two-columns { grid-template-columns:1fr; } }
@media (max-width:760px) { input,select,textarea { font-size:16px !important; } }