*{box-sizing:border-box}
:root{
  --bg-top:#fff7e8;
  --bg-bottom:#eaf7f0;
  --warm-card:#ffffff;
  --amber:#f59e0b;
  --amber-dark:#d97706;
  --terracotta:#ef4444;
  --terracotta-dark:#dc2626;
  --owl-brown:#4a2e22;
  --ink:#1f2937;
  --muted:#6b7280;
  --line:#f0dfc4;
  --ice:#22d3ee;
  --ice-dark:#0891b2;
  --green:#16a34a;
  --green-dark:#15803d;
  --green-light:#dcfce7;
  --coral:#fb7185;
  --coral-dark:#e11d48;
  --purple:#8b5cf6;
  --gold:#f59e0b;
}
body{margin:0;background:linear-gradient(160deg,var(--bg-top) 0%,var(--bg-bottom) 55%,#e7f3ff 100%);background-attachment:fixed;color:var(--ink);font:15px/1.6 "Segoe UI",system-ui,-apple-system,sans-serif}
.wrap{max-width:1040px;margin:auto;padding:34px 20px}

header{display:flex;justify-content:space-between;gap:28px;align-items:flex-start}
.brand{display:flex;gap:18px;align-items:flex-start}
.logo{width:76px;height:76px;border-radius:22px;box-shadow:0 10px 26px #f5970055;flex-shrink:0;border:3px solid white}
.brandname{font-weight:900;font-size:14px;letter-spacing:.03em;color:var(--terracotta-dark);display:flex;align-items:center;gap:8px;margin-bottom:6px}
.version{display:inline-flex;align-items:center;gap:5px;background:linear-gradient(135deg,#cffafe,#a5f3fc);color:var(--ice-dark);border:1px solid #67e8f9;border-radius:99px;padding:3px 11px;font-size:11px;font-weight:900;letter-spacing:.03em;box-shadow:0 2px 8px #22d3ee33}
.version b{color:#0e7490;font-weight:900}
header h1{font-size:clamp(2rem,5.5vw,3.2rem);line-height:1.05;margin:.4rem 0;background:linear-gradient(90deg,var(--terracotta-dark),var(--amber-dark));-webkit-background-clip:text;background-clip:text;color:transparent}
header p{color:var(--muted);max-width:620px;margin:0}
.pill{display:inline-block;background:linear-gradient(135deg,#fff,#fff7ed);border:1px solid #fde4c0;border-radius:99px;padding:6px 13px;box-shadow:0 3px 12px #d9770610;font-size:12px;font-weight:800;color:var(--amber-dark)}
header aside{background:linear-gradient(145deg,#3d2419,#5b3a2e);color:#fdf2e3;border-radius:18px;padding:14px 18px;text-align:right;white-space:nowrap;align-self:flex-start;box-shadow:0 8px 24px #4a2e2233}
header aside b,header aside span{display:block}
header aside b{font-size:10px;letter-spacing:.16em;color:#fcd34d}
header aside span{font-size:12px;color:#fde8d0;margin-top:2px}

.hero{margin-top:28px;padding:30px;border-radius:30px;display:flex;align-items:center;gap:20px;border:3px solid;box-shadow:0 20px 45px #00000014;position:relative;overflow:hidden}
.hero::before{content:"";position:absolute;inset:0;opacity:.07;background:radial-gradient(circle at 85% 15%,currentColor 0%,transparent 60%)}
.hero.available{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-color:var(--green);color:var(--green-dark)}
.hero.sport{background:linear-gradient(135deg,#fef2f2,#fee2e2);border-color:var(--terracotta);color:var(--terracotta-dark)}
.hero.maintenance{background:linear-gradient(135deg,#fffbeb,#fef3c7);border-color:var(--amber);color:var(--amber-dark)}
.hero.unsure{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-color:#94a3b8;color:#475569}
.status-icon{width:76px;height:76px;border-radius:22px;color:white;display:grid;place-items:center;font-size:37px;flex-shrink:0;box-shadow:0 10px 24px #00000022}
.available .status-icon{background:linear-gradient(145deg,#22c55e,var(--green-dark))}
.sport .status-icon{background:linear-gradient(145deg,#f87171,var(--terracotta-dark))}
.maintenance .status-icon{background:linear-gradient(145deg,#fbbf24,var(--amber-dark))}
.unsure .status-icon{background:linear-gradient(145deg,#94a3b8,#64748b)}
.grow{flex:1;position:relative}
.hero small{font-weight:900;letter-spacing:.14em;font-size:10px;opacity:.7}
.hero h2{font-size:clamp(1.5rem,4vw,2.2rem);margin:3px 0;color:inherit}
.hero p{margin:0;opacity:.85}
.updated{background:#ffffffd9;border-radius:18px;padding:13px 16px;min-width:210px;position:relative;box-shadow:0 4px 14px #0000000d}
.updated b{display:block;color:var(--ink)}
.updated span{display:block;font-size:11px;color:var(--muted);margin-top:2px}

.grid{display:grid;grid-template-columns:1.45fr .75fr;gap:22px;margin-top:22px}
.card{background:var(--warm-card);border:1px solid #eef0f2;border-radius:25px;padding:24px;box-shadow:0 10px 28px #0000000a;margin-bottom:18px}
.card h3{margin:0;font-size:20px;color:var(--ink)}
.card>p{color:var(--muted)}
.choices{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.choices button{border:2px solid #e5e7eb;background:#fafafa;border-radius:18px;padding:16px;text-align:left;font-size:26px;cursor:pointer;transition:.15s;position:relative}
.choices button:nth-child(1):hover{border-color:var(--green)}
.choices button:nth-child(2):hover{border-color:var(--terracotta)}
.choices button:nth-child(3):hover{border-color:var(--amber)}
.choices button b,.choices button span{display:block}
.choices button b{font-size:15px;margin-top:10px;color:var(--ink)}
.choices button span{font-size:11px;color:var(--muted);margin-top:4px}
.choices button[data-status="available"].selected{border-color:var(--green);background:var(--green-light);box-shadow:0 6px 18px #16a34a22}
.choices button[data-status="sport"].selected{border-color:var(--terracotta);background:#fee2e2;box-shadow:0 6px 18px #ef444422}
.choices button[data-status="maintenance"].selected{border-color:var(--amber);background:#fef3c7;box-shadow:0 6px 18px #f59e0b22}
.note{display:block;font-size:12px;font-weight:800;margin-top:14px;color:var(--owl-brown)}
input,textarea{width:100%;border:1.5px solid #e2d6c4;border-radius:12px;padding:11px;margin-top:5px;font:inherit;background:#fffdf9;color:var(--ink)}
input:focus,textarea:focus{outline:2px solid var(--ice);outline-offset:1px;border-color:var(--ice)}
.primary,.secondary,.light,.light-dark{display:inline-flex;justify-content:center;border:0;border-radius:14px;padding:13px 17px;font-weight:800;text-decoration:none;cursor:pointer}
.primary{width:100%;background:linear-gradient(135deg,var(--amber-dark),var(--terracotta-dark));color:white;margin-top:14px;box-shadow:0 8px 20px #ef444433}
.primary:hover{filter:brightness(1.08)}
.primary:disabled{opacity:.4;cursor:default;box-shadow:none}
.secondary{width:100%;border:1.5px solid #dbe4ff;color:var(--ice-dark);background:#f0f9ff}
.secondary:hover{background:#e0f2fe}
.privacy{background:linear-gradient(135deg,#eef2ff,#e0e7ff);border-radius:14px;padding:12px;font-size:12px;color:#4338ca}
.fineprint{margin-top:12px;text-align:center;font-size:11px;line-height:1.5;color:#a3917e}

.expand{margin-top:12px;background:linear-gradient(135deg,#3d2419,#5b3a2e 60%,#78350f);color:#fdf2e3;border-radius:28px;padding:28px;display:flex;justify-content:space-between;align-items:center;gap:20px;box-shadow:0 14px 30px #4a2e2222}
.expand h2{margin:4px 0}
.expand p{margin:0;color:#f3dcc1}
.light{background:white;color:var(--owl-brown);white-space:nowrap;box-shadow:0 6px 16px #0000001a}

.interest{margin-top:18px;background:linear-gradient(135deg,#fdf2f8,#fce7f3 50%,#fef3c7);color:#9d174d;border:2px solid #fbcfe8;border-radius:28px;padding:28px;display:flex;justify-content:space-between;align-items:center;gap:20px}
.interest h2{margin:4px 0;color:#831843}
.interest p{margin:0;color:#9f1239}
.light-dark{background:linear-gradient(135deg,var(--coral),var(--coral-dark));color:white;white-space:nowrap;box-shadow:0 8px 20px #e11d4833}
.light-dark:hover{filter:brightness(1.07)}

footer{margin-top:26px;border-top:1px solid var(--line);padding-top:18px;display:flex;justify-content:space-between;color:var(--muted);font-size:12px}

dialog{border:0;border-radius:28px;padding:0;max-width:650px;width:calc(100% - 30px);box-shadow:0 30px 100px #0006;background:var(--warm-card)}
dialog::backdrop{background:#1f2937cc}
dialog form{padding:28px}
.dialog-head{display:flex;justify-content:space-between;gap:15px}
.dialog-head small{color:var(--terracotta-dark);font-weight:900;letter-spacing:.14em;font-size:10px}
.dialog-head h2{margin:4px 0}
.dialog-head button{border:0;background:#f3f4f6;border-radius:50%;font-size:25px;width:40px;height:40px;cursor:pointer;color:var(--owl-brown)}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}
.form-grid label{font-size:12px;font-weight:800;color:var(--owl-brown)}
.form-grid .full{grid-column:1/-1}
.form-grid fieldset{border:1.5px solid #e2d6c4;border-radius:14px;padding:12px}
.form-grid fieldset label{display:block;font-weight:500;margin:8px 0;color:var(--ink)}
.form-grid fieldset input,.consent input{width:auto;margin:0 7px 0 0}
.consent{display:flex;align-items:flex-start;line-height:1.4;color:var(--owl-brown)}
#message,#formMessage,#interestMessage{font-size:13px;margin-top:10px;font-weight:700}
.ok{color:var(--green-dark)}
.error{color:var(--terracotta-dark)}
.cf-turnstile{margin-top:14px}

@media(max-width:760px){
  header{flex-direction:column}
  header aside{display:none}
  .brand{flex-direction:column}
  .hero{align-items:flex-start;flex-wrap:wrap;padding:22px}
  .updated{width:100%}
  .grid{grid-template-columns:1fr}
  .choices{grid-template-columns:1fr}
  .choices button{display:grid;grid-template-columns:35px 90px 1fr;align-items:center}
  .choices button b{margin:0}
  .expand,.interest,footer{align-items:flex-start;flex-direction:column}
  .light,.light-dark{width:100%}
  .form-grid{grid-template-columns:1fr}
  .form-grid .full{grid-column:auto}
}