html, body { background:#000; color:#fff; margin:0; padding:0; font-family:'Helvetica Neue', sans-serif;}
.ticket-page { min-height:100vh; display:flex; align-items:center; justify-content:center; padding:24px; }
.ticket-card { max-width:420px; width:100%; background:#050505; border-radius:18px; border:1px solid #1b1b1b; padding:24px; text-align:center;}
.ticket-logo { text-transform:uppercase; letter-spacing:0.18em; font-size:11px; opacity:0.8; margin-bottom:12px;}
.ticket-event-name { font-size:22px; margin:0 0 6px;}
.ticket-event-meta { font-size:13px; opacity:0.8; margin-bottom:20px;}
.ticket-row { display:flex; justify-content:space-between; margin-bottom:20px;}
.ticket-field label { display:block; font-size:11px; text-transform:uppercase; opacity:0.7; margin-bottom:4px;}
.ticket-field input { width:70px; border-radius:999px; border:1px solid #333; background:#0b0b0b; color:#fff; text-align:center; padding:6px;}
.ticket-total span { font-size:11px; opacity:0.7; text-transform:uppercase; display:block; margin-bottom:4px;}
.ticket-total strong { font-size:18px;}
.ticket-button { width:100%; border:none; border-radius:999px; padding:11px; background:#fff; color:#000; text-transform:uppercase; letter-spacing:0.1em; cursor:pointer;}
.ticket-button:hover { background:#e4e4e4;}
.ticket-footnote { font-size:11px; opacity:0.6; margin-top:8px;}
.ticket-emoji { font-size:32px; margin-bottom:10px;}
.ticket-title { font-size:18px; margin-bottom:6px;}
.ticket-subtitle { font-size:13px; opacity:0.8; margin-bottom:16px;}
.ticket-meta { font-size:11px; opacity:0.7; margin-bottom:6px;}