:root{--ink:#15231e;--muted:#637168;--surface:#fffdf8;--line:#e6e4dc;--lime:#c8fb58;--forest:#174b3a;--danger:#a22e29;--shadow:0 14px 35px #18302614}*{box-sizing:border-box}body{color:var(--ink);background:#f5f5ef;margin:0;font:16px/1.5 Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}main{min-height:calc(100vh - 135px)}.site-header{border-bottom:1px solid var(--line);z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffdf8f0;justify-content:space-between;align-items:center;height:76px;padding:0 clamp(20px,5vw,82px);display:flex;position:sticky;top:0}.brand{letter-spacing:2px;font-size:25px;font-weight:900}.brand span{color:var(--forest)}nav{color:var(--muted);gap:22px;font-size:14px;display:flex}nav a:hover{color:var(--forest)}footer{color:var(--muted);border-top:1px solid var(--line);padding:24px clamp(20px,5vw,82px);font-size:13px}.wrap{max-width:1160px;margin:auto;padding:48px 24px 72px}.hero{grid-template-columns:1.5fr .8fr;align-items:end;gap:32px;padding:48px 0 44px;display:grid}.eyebrow{color:var(--forest);text-transform:uppercase;letter-spacing:1.4px;font-size:12px;font-weight:800}.hero h1,.page-title{letter-spacing:-2.8px;max-width:760px;margin:13px 0 18px;font-size:clamp(36px,6vw,68px);line-height:1}.lead{max-width:620px;color:var(--muted);font-size:18px}.hero-note{background:var(--forest);color:#fff;box-shadow:var(--shadow);border-radius:18px;padding:25px}.hero-note strong{color:var(--lime);margin-bottom:8px;font-size:26px;display:block}.cards{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px;display:grid}.card{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:16px;padding:23px;transition:transform .18s;display:block}.card:hover{transform:translateY(-3px)}.card h2{margin:7px 0 12px;font-size:22px;line-height:1.15}.meta{color:var(--muted);flex-wrap:wrap;gap:8px;font-size:14px;display:flex}.tag{color:var(--forest);background:#e5f3dc;border-radius:999px;padding:3px 9px;font-size:12px;font-weight:700}.btn{background:var(--forest);color:#fff;border:0;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:12px 17px;font-weight:700;display:inline-flex}.btn:hover{filter:brightness(.93)}.btn.lime{color:var(--ink);background:var(--lime)}.btn.outline{border:1px solid var(--forest);color:var(--forest);background:0 0}.btn:disabled{opacity:.55;cursor:not-allowed}.section-title{margin:12px 0 22px;font-size:25px}.empty{text-align:center;color:var(--muted);border:1px dashed #b8c5bb;border-radius:16px;padding:42px 22px}.panel{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:17px;padding:clamp(20px,4vw,34px)}.grid-2{grid-template-columns:1fr 1fr;gap:16px;display:grid}.field{flex-direction:column;gap:6px;display:flex}.field label{color:#46544c;font-size:13px;font-weight:700}.field input,.field select,.field textarea{width:100%;color:var(--ink);background:#fff;border:1px solid #cfd6ce;border-radius:9px;padding:11px 12px}.field textarea{resize:vertical;min-height:120px}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--forest);outline:2px solid #b8ef6b}.form-stack{flex-direction:column;gap:16px;display:flex}.form-actions{flex-wrap:wrap;gap:12px;margin-top:8px;display:flex}.notice{color:var(--forest);background:#eef5e9;border-radius:9px;padding:12px 14px}.notice.error{color:#8d2622;background:#fbe9e7}.distance-row{background:#f4f6f1;border-radius:10px;grid-template-columns:1fr 150px 130px auto;align-items:end;gap:10px;padding:12px;display:grid}.distance-row .btn{background:#6b736e;padding:10px}.divider{border:0;border-top:1px solid var(--line);margin:28px 0}.race-list{gap:10px;display:grid}.race-line{border:1px solid var(--line);border-radius:10px;justify-content:space-between;align-items:center;gap:14px;padding:15px;display:flex}.race-line h3{margin:0 0 3px}.status{text-transform:uppercase;letter-spacing:.6px;font-size:12px;font-weight:700}.status.draft{color:#835b00}.status.published,.status.paid{color:#137038}.status.pending{color:#835b00}.table-wrap{overflow:auto}.data-table{border-collapse:collapse;width:100%;font-size:14px}.data-table th,.data-table td{text-align:left;border-bottom:1px solid var(--line);white-space:nowrap;padding:11px 9px}.data-table th{color:var(--muted);font-size:12px}.race-head{background:var(--forest);color:#fff;padding:40px clamp(20px,5vw,82px)}.race-head .wrap{padding:0}.race-head h1{margin:8px 0;font-size:clamp(34px,5vw,56px);line-height:1}.race-description{white-space:pre-line;max-width:760px}.registration-layout{grid-template-columns:1fr .85fr;align-items:start;gap:25px;display:grid}.aside{position:sticky;top:96px}.distance-option{border:1px solid var(--line);border-radius:10px;justify-content:space-between;margin-bottom:9px;padding:14px;display:flex}.distance-option input{accent-color:var(--forest)}.checkout{max-width:650px;margin:40px auto}.qr{border:1px solid var(--line);background:#fff;border-radius:12px;width:100%;max-width:300px;padding:12px}.code{word-break:break-all;background:#f3f5f1;border-radius:8px;padding:10px;font:600 13px monospace}.scanner{background:#121a16;border-radius:12px;min-height:250px;margin:16px 0;overflow:hidden}.result{border-radius:11px;margin-top:18px;padding:18px}.result.success{color:#165d2d;background:#e5f6df}.result.error{color:#8d2622;background:#fbe9e7}.small{color:var(--muted);font-size:13px}.login{max-width:440px;margin:55px auto}.loading{text-align:center;color:var(--muted);padding:70px}@media (max-width:720px){.site-header{align-items:flex-start;gap:14px;height:auto;padding:15px 20px}nav{flex-wrap:wrap;justify-content:flex-end;gap:12px;font-size:12px}.hero,.registration-layout{grid-template-columns:1fr}.hero{padding-top:25px}.aside{position:static}.grid-2{grid-template-columns:1fr}.distance-row{grid-template-columns:1fr 1fr}.distance-row .btn{grid-column:span 2}.wrap{padding:32px 18px 55px}.race-head{padding:31px 18px}.race-line{flex-direction:column;align-items:flex-start}.data-table{font-size:12px}}
