@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap');:root{--bg:#111019;--card:#1d1b29;--ink:#faf7f0;--accent:#d5fc56;--pink:#a184ff}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px 'Space Grotesk',Arial,sans-serif}header,main,footer{max-width:1200px;margin:auto}header{display:flex;justify-content:space-between;padding:28px 24px;align-items:center}.brand{color:var(--ink);font-weight:700;letter-spacing:2px;text-decoration:none}.brand small{display:block;font-size:10px;letter-spacing:1px;margin:5px 20px}button,input,select{font:inherit}button{cursor:pointer;border:1px solid #ffffff30;background:transparent;color:inherit;border-radius:30px;padding:10px 17px}button:hover{border-color:var(--accent)}nav{display:flex;gap:8px}.notice{text-align:center;background:var(--accent);color:#151515;font-size:12px;padding:9px}.hero{display:grid;grid-template-columns:1.2fr 1fr;gap:45px;padding:70px 24px 45px;align-items:center}.eyebrow{font-size:11px;letter-spacing:2px;color:var(--accent);font-weight:700}h1{font-size:clamp(48px,6vw,82px);letter-spacing:-5px;line-height:1.05;margin:24px 0}h1 span{display:block}h1 i{color:var(--accent);font-style:normal}.lead{color:#b9b4cb;line-height:1.8}.primary{display:inline-block;border:0;background:var(--accent);color:#14141b;text-decoration:none;padding:17px 25px;border-radius:8px;font-weight:700;margin:16px 0}.chips{display:flex;gap:10px;margin-top:30px;flex-wrap:wrap}.chips span{font-size:11px;border:1px solid #ffffff30;border-radius:30px;padding:10px}.poster{height:450px;background:var(--pink);border-radius:130px 130px 18px 18px;position:relative;overflow:hidden;color:#171022;transform:rotate(3deg);padding:30px}.eleven{position:absolute;font-size:280px;font-weight:700;letter-spacing:-35px;bottom:15px;left:70px;line-height:1}.poster-label{position:absolute;top:75px;left:30px;font-size:26px;font-weight:700;line-height:1}.star{position:absolute;right:22px;top:4px;font-size:140px;color:var(--accent)}.mask{position:absolute;right:50px;top:120px;font-size:90px;transform:rotate(15deg)}.poster p{position:absolute;bottom:8px;font-size:11px;letter-spacing:3px}.details{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;border-top:1px solid #ffffff25;border-bottom:1px solid #ffffff25;margin:25px 24px;padding:30px 0}.details span{font-size:10px;letter-spacing:2px;color:var(--pink)}h3{font-size:18px}.details p,.subtle{color:#aaa5b7;font-size:13px;line-height:1.7}.form-section{padding:65px 24px;display:grid;grid-template-columns:1fr 1fr;gap:65px}h2{font-size:48px;line-height:1.1;letter-spacing:-2px;margin:20px 0}label{display:block;font-size:13px;margin:16px 0}input,select{display:block;width:100%;background:var(--bg);border:1px solid #ffffff30;border-radius:8px;padding:13px;color:var(--ink);margin-top:8px}form,.family-card,#ticket{background:var(--card);padding:28px;border-radius:16px}.row{display:flex;align-items:center;justify-content:space-between;gap:12px}.person{display:grid;grid-template-columns:1fr 105px 35px;gap:8px;margin:10px 0}.person button{padding:0;border:0}.check{display:flex;gap:10px;line-height:1.5}.check input{width:auto;margin:3px}.toggle{display:flex;flex-wrap:wrap;gap:8px;margin:25px 0}.toggle .selected{background:var(--accent);color:#111}.templates{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:40px 0}.template{border-radius:16px;padding:28px;min-height:220px;text-align:left}.template strong{font-size:25px;display:block;margin:30px 0 10px}.template b{font-size:52px}#studio,#gate{padding:65px 24px;min-height:75vh}footer{padding:30px 24px;border-top:1px solid #ffffff20;font-size:11px;letter-spacing:2px;display:flex;justify-content:space-between}.family-card{margin:20px 0}.status{font-size:12px;color:var(--accent)}.stats{display:flex;gap:20px;margin:25px 0;flex-wrap:wrap}.stats span{background:var(--card);padding:20px;border-radius:10px}#ticket{margin:0 24px 50px}#ticket svg{background:white;padding:12px;width:210px;height:210px}#history p{border-bottom:1px solid #ffffff20;padding:12px;font-size:13px}[hidden]{display:none!important}@media(max-width:700px){header{display:block}nav{margin-top:20px;flex-wrap:wrap}nav button{font-size:12px}.hero,.form-section{grid-template-columns:1fr;gap:30px;padding-top:40px}.poster{height:340px;max-width:400px}.eleven{font-size:230px;left:60px}.details{grid-template-columns:1fr;gap:5px}.templates{grid-template-columns:1fr 1fr}.template{padding:18px}h2{font-size:38px}.row{flex-wrap:wrap}footer{display:block;line-height:2}footer span{display:block}}
#dashboard{padding:50px 24px}.dashboard-top{display:flex;justify-content:space-between;align-items:center;gap:25px}.dashboard-top h2{font-size:56px;margin-bottom:12px}.dashboard-top p,.dash-card>p{color:#b9b4cb;line-height:1.6}.dot{color:var(--accent)}.event-banner{background:var(--pink);color:#161020;padding:26px 32px;border-radius:18px;margin:30px 0;display:flex;justify-content:space-between;align-items:center}.event-banner .eyebrow{color:#332445}.event-banner h3{font-size:32px;letter-spacing:-1px;margin:15px 0}.event-number{font-size:80px;letter-spacing:-8px;font-weight:700}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:25px}.metric{background:var(--card);border:1px solid #ffffff15;border-radius:14px;padding:22px}.metric span{font-size:12px;color:#b9b4cb}.metric strong{display:block;font-size:40px;margin-top:14px;color:var(--accent)}.dashboard-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:22px}.dash-card{background:var(--card);border:1px solid #ffffff15;border-radius:16px;padding:26px;margin-bottom:24px}.dash-card form{padding:0}.pill{border:1px solid #ffffff25;font-size:10px;padding:7px 10px;border-radius:30px}.invite-link{border:1px solid #ffffff20;padding:18px;border-radius:12px;margin-top:18px}.invite-link h4{margin:0;font-size:20px}.invite-link p{font-size:13px;color:#b9b4cb}.invite-link a{color:var(--accent);font-size:12px}.invite-link input{font-size:12px}.local-warning{font-size:12px;line-height:1.7;color:#e8ca85!important}.quick-actions{border-top:1px solid #ffffff20;margin-top:30px;padding-top:12px}.setup-fields{display:grid;grid-template-columns:1fr 1fr 100px;gap:20px}fieldset{border:1px solid #ffffff20;border-radius:10px;padding:15px}legend{font-size:13px;padding:0 10px}.group-summary{display:flex;gap:50px}.group-summary strong{display:block;margin-top:12px;color:var(--accent);font-size:18px}#setupMessage{font-size:12px;color:var(--accent)}@media(max-width:700px){.dashboard-top{display:block}.dashboard-top h2{font-size:42px}.metrics{grid-template-columns:1fr 1fr}.dashboard-grid{grid-template-columns:1fr}.event-number{font-size:55px}.event-banner{padding:20px}.event-banner h3{font-size:26px}.setup-fields{grid-template-columns:1fr}.group-summary{display:block}#dashboard{padding-top:30px}}
.person{grid-template-columns:minmax(120px,1fr) 105px 85px 28px;align-items:end;border:1px solid #ffffff20;border-radius:12px;padding:12px;margin:15px 0;gap:8px}.person label{font-size:11px;margin:0}.person button{height:45px}.person input,.person select{min-width:0;padding:11px 8px}.guardian-fields label{margin-top:18px}#formError{color:#ffb8ba;font-size:13px;line-height:1.6}@media(max-width:700px){.person{grid-template-columns:1fr 90px 25px}.person .name-label{grid-column:1 / -1}.person .age-label{grid-column:2;grid-row:2}.person button{grid-column:3;grid-row:2}.person label{font-size:12px}}
.person{grid-template-columns:minmax(100px,1fr) minmax(145px,170px) 28px;align-items:end}.person .birth-label{margin:0;font-size:11px}.person-hint{grid-column:1 / -1;color:#aaa5b7;font-size:11px;margin-top:5px}.event-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:15px 0}.action-link{color:var(--accent);border:1px solid #ffffff30;border-radius:30px;padding:11px 16px;text-decoration:none;font-size:13px}.event-actions button{font-size:13px}#locationActions{padding:0 24px}.flyer-preview{max-width:220px;max-height:280px;object-fit:contain;border-radius:12px;margin:15px 0}.poster.has-flyer{height:auto;min-height:200px;background:none;border-radius:16px;transform:none;padding:0}.poster.has-flyer #uploadedFlyer{display:block;width:100%;height:auto;max-height:650px;object-fit:contain;border-radius:16px}.event-fields{margin:20px 0}#emailPreview{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;background:var(--bg);padding:20px;border-radius:10px;font:13px/1.8 Arial,sans-serif;max-width:100%}@media(max-width:700px){.person{grid-template-columns:1fr 28px}.person .name-label{grid-column:1 / -1}.person .birth-label{grid-column:1;grid-row:2}.person button{grid-column:2;grid-row:2}.person-hint{grid-row:3}.event-actions{align-items:stretch;flex-direction:column}.event-actions a,.event-actions button{text-align:center}.poster.has-flyer{max-width:100%}}
