:root {
  --accent: #7c3aed;
  --accent-dark: #5b21b6;
  --bg: #0b0a11;
  --bg-soft: #171623;
  --card: rgba(255,255,255,.08);
  --card-strong: rgba(255,255,255,.13);
  --border: rgba(255,255,255,.14);
  --text: #faf7ff;
  --muted: #bdb6ce;
  --danger: #ef4444;
  --success: #22c55e;
  --warning: #facc15;
  --shadow: 0 24px 80px rgba(0,0,0,.35);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
* { box-sizing: border-box; }
html { min-height: 100%; }
body {
  margin: 0;
  min-height: 100vh;
  color: var(--text);
  background:
    radial-gradient(circle at top left, color-mix(in srgb, var(--accent) 34%, transparent), transparent 34rem),
    radial-gradient(circle at 85% 12%, rgba(255,255,255,.09), transparent 22rem),
    radial-gradient(circle at bottom right, rgba(255,255,255,.08), transparent 28rem),
    linear-gradient(135deg, #08070c, var(--bg));
}
a { color: inherit; }
button, input, textarea { font: inherit; }
code { background: rgba(255,255,255,.1); padding: .15rem .35rem; border-radius: .4rem; }
.topbar { position: sticky; top: 0; z-index: 50; display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 1rem clamp(1rem, 3vw, 2.5rem); background: rgba(13,12,18,.78); backdrop-filter: blur(18px); border-bottom: 1px solid var(--border); }
.brand { display:flex; align-items:center; gap:.7rem; text-decoration:none; font-weight:900; letter-spacing:-.02em; }
.brand-mark { display:grid; place-items:center; width:2.35rem; height:2.35rem; background:linear-gradient(135deg, var(--accent), rgba(255,255,255,.16)); border:1px solid var(--border); border-radius:.9rem; }
.topnav { display:flex; align-items:center; gap:1rem; color:var(--muted); }
.inline-form { display:inline; margin:0; }
.link-button { border:0; background:transparent; color:var(--muted); cursor:pointer; padding:0; }
.link-button:hover, .topnav a:hover { color:var(--text); }
.page { width:min(1400px, calc(100% - 2rem)); margin:0 auto; padding: clamp(1.4rem, 4vw, 3.5rem) 0; }
.glass { background: var(--card); border:1px solid var(--border); box-shadow: var(--shadow); backdrop-filter: blur(18px); }
.hero { display:grid; place-items:center; min-height:65vh; }
.narrow { max-width: 640px; margin-inline:auto; }
.hero-card, .panel, .empty-state { border-radius: 2rem; padding: clamp(1.4rem, 4vw, 2.2rem); }
.eyebrow { margin:0 0 .6rem; color:var(--muted); text-transform:uppercase; letter-spacing:.16em; font-size:.75rem; font-weight:900; }
h1, h2, h3 { margin:.1rem 0 .8rem; line-height:1.04; letter-spacing:-.045em; }
h1 { font-size: clamp(2.3rem, 7vw, 5.5rem); }
h2 { font-size: clamp(1.4rem, 3vw, 2rem); }
p { line-height:1.55; }
.muted { color:var(--muted); }
.landing-hero { min-height:72vh; border-radius:2.4rem; padding:clamp(1.5rem,5vw,4rem); display:grid; grid-template-columns:1.35fr .65fr; gap:2rem; align-items:center; overflow:hidden; position:relative; }
.landing-hero:after { content:""; position:absolute; width:28rem; height:28rem; right:-8rem; top:-10rem; border-radius:999px; background:color-mix(in srgb, var(--accent) 20%, transparent); filter:blur(10px); }
.landing-hero > * { position:relative; z-index:1; }
.landing-hero h1 { max-width:860px; }
.landing-card { border:1px solid var(--border); border-radius:1.8rem; padding:1.4rem; background:rgba(255,255,255,.08); }
.feature-strip, .privacy-note { display:flex; flex-wrap:wrap; gap:.6rem; margin-top:1.2rem; }
.feature-strip span, .privacy-note span, .status-pill { background:rgba(255,255,255,.09); border:1px solid var(--border); color:var(--muted); border-radius:999px; padding:.45rem .7rem; font-weight:800; }
.section-head { display:flex; align-items:end; justify-content:space-between; gap:1.5rem; margin-bottom:1.4rem; }
.section-head.small { margin-top:2rem; }
.section-head.centered { justify-content:center; text-align:center; }
.button-row { display:flex; gap:.7rem; align-items:center; }
.wrap { flex-wrap:wrap; }
.button, button.button { appearance:none; display:inline-flex; align-items:center; justify-content:center; gap:.4rem; min-height:2.75rem; padding:.75rem 1rem; border:1px solid transparent; border-radius:999px; font-weight:900; text-decoration:none; cursor:pointer; transition:transform .15s ease,border-color .15s ease,background .15s ease,opacity .15s ease; }
.button:hover { transform: translateY(-1px); }
.button:disabled { opacity:.65; cursor:wait; transform:none; }
.button.primary { background:linear-gradient(135deg, var(--accent), color-mix(in srgb, var(--accent) 58%, #fff)); color:white; }
.button.secondary { background:var(--card-strong); border-color:var(--border); color:var(--text); }
.button.ghost { background:transparent; border-color:var(--border); color:var(--muted); }
.button.danger { background: color-mix(in srgb, var(--danger) 18%, transparent); color:#fecaca; border-color: color-mix(in srgb, var(--danger) 45%, transparent); }
.button.small { min-height:2.2rem; padding:.45rem .7rem; font-size:.85rem; }
.button.big { width:100%; min-height:3.4rem; font-size:1.05rem; }
.flash-stack { display:grid; gap:.65rem; margin-bottom:1rem; }
.flash { border-radius:1rem; padding:.85rem 1rem; border:1px solid var(--border); }
.flash-success { background:color-mix(in srgb, var(--success) 18%, transparent); color:#bbf7d0; }
.flash-error { background:color-mix(in srgb, var(--danger) 18%, transparent); color:#fecaca; }
.form-stack { display:grid; gap:1rem; }
.form-grid { display:grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap:1rem; }
.form-grid.compact { box-shadow:none; border:0; padding:0; background:transparent; }
.span-2 { grid-column: span 2; }
label { display:grid; gap:.45rem; color:var(--muted); font-weight:800; }
input, textarea { width:100%; border:1px solid var(--border); border-radius:1rem; padding:.85rem 1rem; color:var(--text); background:rgba(0,0,0,.18); outline:none; }
input:focus, textarea:focus { border-color: color-mix(in srgb, var(--accent) 70%, #fff); box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 18%, transparent); }
input[type="color"] { height:3.2rem; padding:.3rem; }
.check { display:flex; align-items:center; gap:.6rem; }
.check input { width:auto; }
.actions { display:flex; gap:.7rem; justify-content:flex-end; }
.cards-grid, .stats-panel { display:grid; grid-template-columns:repeat(auto-fit, minmax(230px, 1fr)); gap:1rem; }
.event-card, .metric-card { position:relative; overflow:hidden; border-radius:1.6rem; padding:1.4rem; }
.event-card-top { display:flex; gap:1rem; justify-content:space-between; }
.event-accent { position:absolute; inset:0 0 auto; height:.35rem; }
.stats-row { display:flex; gap:.6rem; flex-wrap:wrap; margin:1rem 0; }
.stats-row span { background:rgba(255,255,255,.08); border:1px solid var(--border); border-radius:999px; padding:.45rem .7rem; color:var(--muted); }
.metric-card { display:grid; gap:.2rem; }
.metric-card span { color:var(--muted); }
.metric-card strong { font-size:clamp(1.6rem, 3vw, 2.5rem); letter-spacing:-.04em; }
.stats-panel { margin-bottom:1rem; }
.empty-state { text-align:center; margin:2rem auto; max-width:680px; }
.admin-layout { display:grid; grid-template-columns: minmax(320px, 430px) minmax(0,1fr); gap:1rem; align-items:start; }
.qr-grid { display:grid; grid-template-columns: repeat(2, 1fr); gap:1rem; text-align:center; }
.qr { width:100%; max-width:180px; border-radius:1rem; background:#fff; padding:.5rem; }
.copy-field { display:grid; grid-template-columns:1fr auto; gap:.45rem; }
.token-box { margin-top:1.1rem; display:grid; gap:.65rem; padding-top:1rem; border-top:1px solid var(--border); }
.media-grid { display:grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap:1rem; }
.media-card { overflow:hidden; border-radius:1.3rem; }
.media-card.pending { border-color: rgba(250,204,21,.5); }
.media-preview { position:relative; aspect-ratio:1 / 1; background:rgba(0,0,0,.22); display:grid; place-items:center; }
.media-preview img { width:100%; height:100%; object-fit:cover; display:block; }
.badge { position:absolute; top:.7rem; left:.7rem; padding:.3rem .6rem; border-radius:999px; font-size:.75rem; font-weight:900; background:rgba(0,0,0,.55); }
.media-meta { padding:.9rem; }
.media-meta p { margin:.35rem 0 0; }
.media-actions { display:flex; gap:.4rem; flex-wrap:wrap; padding:0 .9rem .9rem; }
.media-actions form { margin:0; }
.video-placeholder { display:grid; place-items:center; width:100%; height:100%; color:var(--text); font-weight:900; background:linear-gradient(135deg, rgba(255,255,255,.1), rgba(255,255,255,.03)); }
.video-placeholder.large { min-height:240px; border-radius:1rem; }
.danger-zone { margin-top:2rem; border-color: color-mix(in srgb, var(--danger) 25%, var(--border)); }
.guest-shell { min-height:75vh; display:grid; grid-template-columns:minmax(0, .95fr) minmax(320px, .75fr); gap:1.25rem; align-items:center; }
.guest-hero, .upload-card { border-radius:2.2rem; padding:clamp(1.4rem, 4vw, 2.4rem); }
.guest-hero h1 { font-size: clamp(3rem, 9vw, 7rem); }
.upload-card { display:grid; gap:1rem; }
.drop-zone { position:relative; display:grid; place-items:center; min-height:190px; border:2px dashed color-mix(in srgb, var(--accent) 55%, var(--border)); border-radius:1.5rem; background:color-mix(in srgb, var(--accent) 8%, transparent); text-align:center; cursor:pointer; }
.drop-zone input { position:absolute; inset:0; opacity:0; cursor:pointer; }
.drop-icon { display:grid; place-items:center; width:3.4rem; height:3.4rem; border-radius:999px; background:var(--accent); color:#fff; font-size:2rem; margin-bottom:.4rem; }
.drop-zone.dragover { background: color-mix(in srgb, var(--accent) 18%, transparent); }
.file-list { display:grid; gap:.45rem; }
.file-list div { padding:.6rem .75rem; border:1px solid var(--border); border-radius:.8rem; color:var(--muted); }
.gallery-link { color:var(--muted); text-align:center; text-decoration:none; }
.gallery-link:hover { color:var(--text); }
.masonry { column-count: 4; column-gap: 1rem; }
.masonry-item { display:block; break-inside:avoid; margin:0 0 1rem; border-radius:1.2rem; overflow:hidden; text-decoration:none; }
.masonry-item img { width:100%; display:block; }
.masonry-item span { display:block; padding:.75rem .9rem; color:var(--muted); }
.wall-body { overflow:hidden; }
.wall { min-height:100vh; padding:2.5rem; display:grid; grid-template-rows:auto 1fr; gap:1.5rem; }
.wall-title { text-align:center; }
.wall-title p { color:var(--muted); text-transform:uppercase; letter-spacing:.18em; font-weight:900; margin:0; }
.wall-title h1 { margin:.2rem 0 0; font-size: clamp(2.5rem, 6vw, 6rem); }
.wall-stage { position:relative; min-height:0; display:grid; place-items:center; }
.wall-empty { border-radius:2rem; padding:2rem; text-align:center; }
.wall-photo { position:absolute; max-width:82vw; max-height:72vh; object-fit:contain; border-radius:1.6rem; box-shadow:0 32px 120px rgba(0,0,0,.55); opacity:0; transform:scale(.94); transition:opacity .6s ease, transform .6s ease; }
.wall-photo.active { opacity:1; transform:scale(1); }
.wall-caption { position:absolute; left:50%; bottom:2rem; transform:translateX(-50%); padding:.85rem 1.2rem; border-radius:999px; background:rgba(0,0,0,.45); backdrop-filter:blur(16px); color:#fff; font-weight:900; max-width:80vw; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.checklist { display:grid; gap:.45rem; }
.audit-table { display:grid; gap:.35rem; overflow:auto; }
.audit-row { display:grid; grid-template-columns: minmax(180px,.8fr) minmax(170px,.7fr) 80px minmax(180px,1fr); gap:.7rem; align-items:center; padding:.65rem .75rem; border:1px solid var(--border); border-radius:.8rem; color:var(--muted); min-width:720px; }
.audit-row.head { color:var(--text); font-weight:900; background:rgba(255,255,255,.06); }
@media (max-width: 980px) {
  .section-head, .guest-shell, .admin-layout, .landing-hero { grid-template-columns:1fr; display:grid; }
  .section-head { align-items:start; }
  .masonry { column-count:2; }
}
@media (max-width: 640px) {
  .page { width:min(100% - 1rem, 1400px); padding:1rem 0 2rem; }
  .topbar { position:static; }
  .form-grid { grid-template-columns:1fr; }
  .span-2 { grid-column:auto; }
  .button-row, .actions { flex-direction:column; align-items:stretch; }
  .qr-grid { grid-template-columns:1fr; }
  .masonry { column-count:1; }
  .guest-shell { gap:.8rem; }
  .copy-field { grid-template-columns:1fr; }
}
.lead { font-size: clamp(1.05rem, 2vw, 1.35rem); color: var(--muted); max-width: 780px; }
.marketing-hero { grid-template-columns: minmax(0,1.15fr) minmax(300px,.65fr); }
.landing-actions { margin-top: 1.5rem; }
.phone-demo { justify-self:center; width:min(340px, 100%); border:1px solid var(--border); border-radius:2.4rem; padding:.8rem; background:linear-gradient(160deg, rgba(255,255,255,.16), rgba(255,255,255,.04)); box-shadow:0 30px 100px rgba(0,0,0,.45); transform:rotate(2deg); }
.phone-notch { width:6rem; height:.45rem; border-radius:999px; background:rgba(0,0,0,.35); margin:.25rem auto .7rem; }
.phone-screen { min-height:470px; border-radius:1.8rem; padding:1.2rem; background:radial-gradient(circle at top, color-mix(in srgb, var(--accent) 34%, transparent), transparent 16rem), #11101a; display:grid; align-content:start; gap:1rem; }
.demo-upload { min-height:150px; border:2px dashed color-mix(in srgb, var(--accent) 60%, var(--border)); border-radius:1.3rem; display:grid; place-items:center; text-align:center; font-size:2.2rem; background:color-mix(in srgb, var(--accent) 10%, transparent); }
.demo-task { border:1px solid var(--border); border-radius:1rem; padding:.8rem; background:rgba(255,255,255,.08); color:var(--muted); font-weight:800; }
.demo-button { border-radius:999px; padding:.9rem 1rem; text-align:center; font-weight:900; background:linear-gradient(135deg, var(--accent), color-mix(in srgb, var(--accent) 58%, #fff)); }
.marketing-section { margin-top: clamp(2rem, 6vw, 5rem); }
.feature-grid { display:grid; grid-template-columns:repeat(auto-fit, minmax(260px, 1fr)); gap:1rem; }
.feature-card { border-radius:1.5rem; padding:1.3rem; }
.feature-card > span { display:inline-grid; place-items:center; width:2.4rem; height:2.4rem; border-radius:.9rem; background:color-mix(in srgb, var(--accent) 22%, transparent); color:#fff; font-weight:900; margin-bottom:.8rem; }
.feature-card h3 { font-size:1.35rem; margin:.2rem 0 .55rem; }
.feature-card p { color:var(--muted); margin:0; }
.example-gallery { display:grid; grid-template-columns:repeat(4, 1fr); grid-auto-rows:160px; gap:1rem; }
.example-card { border:1px solid var(--border); border-radius:1.5rem; padding:1rem; background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 22%, transparent), rgba(255,255,255,.06)); display:flex; flex-direction:column; justify-content:end; overflow:hidden; position:relative; }
.example-card div { position:absolute; top:1rem; right:1rem; font-size:3rem; filter:drop-shadow(0 20px 40px rgba(0,0,0,.35)); }
.example-card strong { font-size:1.3rem; }
.example-card span { color:var(--muted); margin-top:.25rem; }
.example-card.tall { grid-row:span 2; }
.example-card.wide { grid-column:span 2; }
.how-section, .contact-section { border-radius:2rem; padding:clamp(1.4rem, 4vw, 2.4rem); }
.steps { display:grid; grid-template-columns:repeat(auto-fit, minmax(210px,1fr)); gap:1rem; margin-top:1.2rem; }
.steps div { border:1px solid var(--border); border-radius:1.2rem; padding:1rem; background:rgba(255,255,255,.06); }
.steps span { display:inline-grid; place-items:center; width:2rem; height:2rem; border-radius:999px; background:var(--accent); font-weight:900; margin-bottom:.6rem; }
.steps p { color:var(--muted); margin:.4rem 0 0; }
.contact-section { display:grid; grid-template-columns:1fr minmax(280px, .6fr); gap:1.5rem; align-items:center; }
.contact-card { border:1px solid var(--border); border-radius:1.4rem; padding:1.2rem; background:rgba(0,0,0,.18); }
.contact-card p { margin:.35rem 0; }
.public-footer { margin:2.5rem 0 0; text-align:center; color:var(--muted); }
.task-teaser { margin-top:1.5rem; padding:1rem; border:1px solid var(--border); border-radius:1.4rem; background:rgba(255,255,255,.06); }
.task-teaser ul { margin:.6rem 0 0; padding-left:1.2rem; color:var(--muted); }
.task-picker { border:1px solid var(--border); border-radius:1.3rem; padding:1rem; display:grid; gap:.6rem; }
.task-picker legend { padding:0 .4rem; color:var(--muted); font-weight:900; }
.task-option { display:grid; grid-template-columns:auto 1fr; align-items:start; gap:.65rem; border:1px solid var(--border); border-radius:1rem; padding:.75rem; cursor:pointer; background:rgba(255,255,255,.04); }
.task-option:hover { border-color:color-mix(in srgb, var(--accent) 55%, var(--border)); }
.task-option input { width:auto; margin-top:.22rem; }
.task-label { display:inline-block; padding:.35rem .55rem; border-radius:.75rem; background:color-mix(in srgb, var(--accent) 18%, transparent); color:#fff; font-weight:800; }
.small-note { font-size:.9rem; text-align:center; margin:-.35rem 0 0; }
.success-card h1 { color:#fff; }
.delete-links-box { margin:1.4rem 0; padding:1rem; border:1px solid var(--border); border-radius:1.3rem; background:rgba(255,255,255,.06); }
.delete-link-row { display:grid; grid-template-columns:1fr auto; gap:.8rem; align-items:center; padding:.65rem 0; border-top:1px solid var(--border); }
.delete-link-row:first-of-type { border-top:0; }
.mini-alert { margin:1rem 0; border:1px solid color-mix(in srgb, var(--warning) 45%, transparent); background:color-mix(in srgb, var(--warning) 12%, transparent); color:#fef3c7; border-radius:1rem; padding:.8rem; }
.delete-preview { max-width:360px; margin:1rem auto; border:1px solid var(--border); border-radius:1.2rem; overflow:hidden; background:rgba(0,0,0,.2); }
.delete-preview img { width:100%; display:block; }
@media (max-width: 880px) {
  .example-gallery { grid-template-columns:1fr 1fr; }
  .contact-section { grid-template-columns:1fr; }
}
@media (max-width: 640px) {
  .phone-demo { transform:none; }
  .example-gallery { grid-template-columns:1fr; grid-auto-rows:auto; }
  .example-card, .example-card.tall, .example-card.wide { grid-row:auto; grid-column:auto; min-height:160px; }
  .delete-link-row { grid-template-columns:1fr; }
}

/* v5 visual polish */
.lead.compact { max-width: 820px; font-size: clamp(1rem, 1.4vw, 1.2rem); }
.site-hero { min-height: calc(100vh - 9rem); display:grid; grid-template-columns:minmax(0,1.1fr) minmax(320px,.72fr); gap:clamp(1.5rem,4vw,4rem); align-items:center; padding:clamp(1rem,4vw,3rem) 0; }
.site-hero-copy h1 { max-width: 900px; font-size: clamp(3rem, 8vw, 7rem); line-height:.92; }
.hero-pills { display:flex; flex-wrap:wrap; gap:.55rem; margin-top:1rem; }
.hero-pills span, .limit-chip { border:1px solid var(--border); background:rgba(255,255,255,.08); color:var(--muted); border-radius:999px; padding:.48rem .72rem; font-weight:850; }
.site-demo-card { border:1px solid var(--border); border-radius:2rem; padding:1rem; background:linear-gradient(145deg, rgba(255,255,255,.14), rgba(255,255,255,.04)); box-shadow:0 40px 120px rgba(0,0,0,.35); transform:rotate(1.5deg); }
.demo-window-bar { display:flex; gap:.38rem; padding:.2rem .2rem .85rem; }
.demo-window-bar span { width:.7rem; height:.7rem; border-radius:999px; background:rgba(255,255,255,.32); }
.demo-event-card { border-radius:1.5rem; background:#11101a; padding:1.2rem; display:grid; gap:.9rem; }
.demo-event-card h2 { font-size:2rem; }
.demo-chip { justify-self:start; background:color-mix(in srgb, var(--accent) 30%, transparent); border:1px solid color-mix(in srgb, var(--accent) 55%, var(--border)); color:#fff; border-radius:999px; padding:.35rem .55rem; font-weight:900; }
.demo-drop { min-height:150px; border:2px dashed color-mix(in srgb, var(--accent) 60%, var(--border)); border-radius:1.3rem; display:grid; place-items:center; text-align:center; font-size:2.2rem; background:color-mix(in srgb, var(--accent) 10%, transparent); }
.demo-drop small { display:block; font-size:.9rem; color:var(--muted); }
.demo-task-row { border:1px solid var(--border); border-radius:1rem; padding:.8rem; color:var(--muted); background:rgba(255,255,255,.06); }
.demo-progress { height:.55rem; border-radius:999px; background:rgba(255,255,255,.08); overflow:hidden; }
.demo-progress span { display:block; width:68%; height:100%; background:linear-gradient(90deg, var(--accent), #fff); border-radius:inherit; }
.split-section, .example-board, .trust-section { display:grid; grid-template-columns:minmax(280px,.7fr) minmax(0,1fr); gap:1.2rem; align-items:start; }
.process-list { display:grid; gap:.8rem; }
.process-list article { border:1px solid var(--border); border-radius:1.4rem; padding:1rem; background:rgba(255,255,255,.06); display:grid; grid-template-columns:auto 1fr; column-gap:.9rem; }
.process-list span { display:grid; place-items:center; width:2.2rem; height:2.2rem; border-radius:.8rem; background:var(--accent); color:#fff; font-weight:900; grid-row:span 2; }
.process-list p { margin:.25rem 0 0; color:var(--muted); }
.feature-grid.refined .feature-card { min-height:190px; }
.feature-grid.refined .feature-card > span { font-size:1.25rem; }
.example-board { border-radius:2rem; padding:clamp(1.3rem,4vw,2.4rem); background:rgba(255,255,255,.06); border:1px solid var(--border); }
.task-samples { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:.8rem; }
.task-samples div { border:1px solid var(--border); border-radius:1.2rem; padding:1rem; background:rgba(0,0,0,.18); }
.trust-section { padding:clamp(1.3rem,4vw,2.4rem); }
.trust-list { display:flex; gap:.55rem; flex-wrap:wrap; align-content:start; }
.trust-list span { border:1px solid var(--border); background:rgba(0,0,0,.14); border-radius:999px; padding:.55rem .75rem; color:var(--muted); font-weight:800; }
.public-footer { display:none; }
.event-hero-card { border-radius:2rem; padding:clamp(1.25rem,3.5vw,2.3rem); display:flex; justify-content:space-between; align-items:flex-end; gap:1rem; }
.event-hero-card h1 { font-size: clamp(2.6rem, 6vw, 5.8rem); }
.metric-grid.clean { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:.75rem; margin:1rem 0; }
.metric-grid.clean article { border:1px solid var(--border); border-radius:1.25rem; padding:1rem; background:rgba(255,255,255,.075); box-shadow:0 18px 55px rgba(0,0,0,.18); }
.metric-grid.clean span { display:block; color:var(--muted); font-weight:800; font-size:.88rem; }
.metric-grid.clean strong { display:block; margin-top:.25rem; font-size:clamp(1.35rem,2.4vw,2.25rem); letter-spacing:-.04em; }
.management-grid { display:grid; grid-template-columns:minmax(320px,430px) minmax(0,1fr); gap:1rem; align-items:start; }
.control-panel, .settings-card { border-radius:1.8rem; padding:1.2rem; }
.panel-head { display:flex; justify-content:space-between; gap:1rem; align-items:start; margin-bottom:1rem; }
.panel-head h2 { margin-bottom:0; }
.qr-pair { display:grid; grid-template-columns:1fr 1fr; gap:.8rem; margin-bottom:1rem; }
.qr-tile { text-align:center; border:1px solid var(--border); border-radius:1.25rem; padding:.8rem; background:rgba(0,0,0,.14); display:grid; gap:.35rem; }
.qr-tile .qr { margin-inline:auto; }
.link-stack { display:grid; gap:.8rem; }
.button-grid { display:grid; grid-template-columns:1fr 1fr; gap:.55rem; margin-top:1rem; }
.quota-box.modern, .quota-box { border:1px solid var(--border); border-radius:1.25rem; padding:1rem; background:rgba(0,0,0,.14); margin-top:1rem; }
.settings-form { display:grid; gap:1rem; }
.settings-form fieldset { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; border:1px solid var(--border); border-radius:1.35rem; padding:1rem; margin:0; background:rgba(0,0,0,.12); }
.settings-form legend { color:var(--text); font-weight:950; padding:0 .4rem; }
.settings-form .wide { grid-column:1 / -1; }
.settings-form small { color:var(--muted); font-weight:700; }
.standalone-form { max-width:1100px; margin-inline:auto; }
.guest-upload-v2 { display:grid; grid-template-columns:minmax(0,.8fr) minmax(340px,1fr); gap:1.1rem; align-items:start; min-height:75vh; }
.guest-intro, .guest-upload-card { border-radius:2rem; padding:clamp(1.2rem,3vw,2rem); }
.guest-intro h1 { font-size:clamp(2.8rem,7vw,5.8rem); }
.guest-info-grid { display:flex; flex-wrap:wrap; gap:.5rem; margin:1rem 0; }
.guest-info-grid span { border:1px solid var(--border); border-radius:999px; padding:.45rem .7rem; color:var(--muted); background:rgba(255,255,255,.07); font-weight:850; }
.guest-deadlines { display:grid; gap:.65rem; margin:1rem 0; }
.guest-deadlines div { border:1px solid var(--border); border-radius:1rem; padding:.8rem; background:rgba(0,0,0,.13); display:grid; gap:.2rem; }
.guest-deadlines span { color:var(--muted); }
.task-preview-box { border:1px solid var(--border); border-radius:1.25rem; padding:1rem; background:rgba(255,255,255,.06); }
.task-preview-box ul { margin:.6rem 0 0; padding-left:1.2rem; color:var(--muted); }
.guest-upload-card { display:grid; gap:1rem; position:sticky; top:5.5rem; }
.form-title-row { display:flex; align-items:flex-start; justify-content:space-between; gap:1rem; }
.task-choice { display:grid; gap:.7rem; }
.task-choice-head { display:flex; justify-content:space-between; color:var(--muted); font-weight:900; }
.task-choice-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:.6rem; max-height:330px; overflow:auto; padding-right:.2rem; }
.task-card-option { position:relative; display:block; border:1px solid var(--border); border-radius:1.1rem; padding:.85rem; background:rgba(255,255,255,.045); cursor:pointer; transition:border-color .15s ease, transform .15s ease, background .15s ease; }
.task-card-option:hover { transform:translateY(-1px); border-color:color-mix(in srgb, var(--accent) 60%, var(--border)); }
.task-card-option input { position:absolute; opacity:0; pointer-events:none; }
.task-card-option:has(input:checked) { border-color:var(--accent); background:color-mix(in srgb, var(--accent) 16%, transparent); box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 12%, transparent); }
.task-card-option b { display:block; color:var(--text); }
.task-card-option small { display:block; color:var(--muted); margin-top:.25rem; }
.guest-two-cols { display:grid; grid-template-columns:1fr 1fr; gap:.8rem; }
.guest-drop { min-height:210px; }
.media-card { border:1px solid var(--border); }
.media-meta .task-label { display:inline-block; position:static; padding:.35rem .55rem; border-radius:.7rem; background:color-mix(in srgb, var(--accent) 16%, transparent); color:#fff; font-weight:800; }
@media (max-width: 1100px) { .metric-grid.clean { grid-template-columns:repeat(3,1fr); } .management-grid, .guest-upload-v2, .site-hero, .split-section, .example-board, .trust-section { grid-template-columns:1fr; } .guest-upload-card { position:static; } }
@media (max-width: 700px) { .metric-grid.clean, .settings-form fieldset, .guest-two-cols { grid-template-columns:1fr; } .event-hero-card, .form-title-row, .panel-head { flex-direction:column; align-items:stretch; } .button-grid, .qr-pair { grid-template-columns:1fr; } .site-demo-card { transform:none; } }