:root{color-scheme:dark;font-family:Montserrat,Arial,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--color-background: #0b1021;--color-surface: #101d35;--color-surface-strong: #1a2b49;--color-text: #f3eadb;--color-text-muted: #c4b9a4;--color-accent: #d3a059;--color-accent-strong: #e3bd79;--color-accent-ink: #08162b;--color-border: rgb(211 160 89 / 28%);--color-focus: #8fdcff;--color-overlay: rgb(5 8 18 / 72%);--shadow-card: 0 1.5rem 4rem rgb(0 0 0 / 32%);--radius-small: .75rem;--radius-medium: 1.25rem;--transition-fast: .16s ease}*{box-sizing:border-box}html{min-width:20rem;background:var(--color-background)}body{margin:0;min-width:20rem;min-height:100vh;min-height:100dvh;color:var(--color-text);background:var(--color-background)}button,input{font:inherit}button,input,a{-webkit-tap-highlight-color:transparent}:focus-visible{outline:.2rem solid var(--color-focus);outline-offset:.2rem}.app-shell{position:relative;isolation:isolate;min-height:100vh;min-height:100dvh;padding:.35rem 1rem 3rem;overflow-x:clip;background:var(--color-background)}.app-shell:before,.app-shell:after{position:fixed;inset:0;z-index:-2;pointer-events:none;content:""}.app-shell:before{background-image:var(--site-background-image);background-position:center top;background-size:auto 100%;background-repeat:no-repeat;opacity:.42}.app-shell:after{z-index:-1;background:linear-gradient(180deg,#050b1a6b,#050b1ab8 48%,#050b1af0)}.app-content{width:min(100%,68rem);margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.brand-header{margin:0 auto clamp(.35rem,1.5vw,.9rem);text-align:center}.brand-heading{display:flex;justify-content:center;width:100%;margin:0;line-height:0}.event-logo{display:block;width:clamp(8.5rem,38vw,12rem);max-width:100%;height:auto;margin-inline:auto}.editing-layout,.ticket-result{display:grid;align-items:center;gap:1.5rem;width:min(100%,28rem);margin-inline:auto}.ticket-preview{position:relative;container-type:inline-size;width:min(90vw,22rem);margin-inline:auto;overflow:hidden;background:transparent}.ticket-preview__image{display:block;width:100%;height:100%;object-fit:contain}.generated-ticket-image{display:block;width:min(90vw,22rem);height:auto;aspect-ratio:9 / 16;margin-inline:auto;object-fit:contain}.ticket-preview__content{position:absolute;inset:0;pointer-events:none}.ticket-preview__content>p{position:absolute;width:var(--ticket-name-max-width);margin:0;overflow:hidden;line-height:1;text-align:center;text-overflow:clip;text-shadow:0 .08em .25em rgb(0 0 0 / 45%);white-space:nowrap;transform:translate(-50%,-50%)}.ticket-preview__first-name{top:var(--ticket-first-name-y);left:var(--ticket-first-name-x);font-size:var(--ticket-first-name-size);font-style:var(--ticket-first-name-style);font-weight:var(--ticket-first-name-weight)}.ticket-preview__surname{top:var(--ticket-surname-y);left:var(--ticket-surname-x);font-size:var(--ticket-surname-size);font-style:var(--ticket-surname-style);font-weight:var(--ticket-surname-weight);letter-spacing:.015em}.ticket-preview__underline{position:absolute;top:var(--ticket-underline-y);left:var(--ticket-underline-x);width:var(--ticket-underline-width);height:max(1px,var(--ticket-underline-thickness));border-radius:999px;background:var(--ticket-underline-color);box-shadow:0 0 .4em #eab35c61;transform:translate(-50%)}.ticket-editor,.result-actions{display:grid;gap:1.1rem;padding:1.4rem;border:1px solid var(--color-border);border-radius:var(--radius-medium);background:linear-gradient(155deg,#111f38f0,#07142af0);box-shadow:inset 0 1px #ffffff0d,0 1rem 3rem #0003;-webkit-backdrop-filter:blur(.9rem);backdrop-filter:blur(.9rem)}.form-field{display:grid;gap:.45rem}.form-field label{color:var(--color-text);font-size:.88rem;font-weight:650;letter-spacing:.01em}.form-field input{width:100%;min-height:3.5rem;padding:.75rem .9rem;border:1px solid rgb(211 160 89 / 24%);border-radius:var(--radius-small);color:var(--color-text);background:#030e20c2;transition:border-color var(--transition-fast),background-color var(--transition-fast)}.form-field input::placeholder{color:#8991a8}.form-field input:focus{border-color:var(--color-focus);background:#030e20f0;box-shadow:0 0 0 .18rem #8fdcff1f}.form-error,.action-message--error{margin:0;padding:.75rem .85rem;border:1px solid rgb(255 146 146 / 46%);border-radius:var(--radius-small);color:#ffd0d0;background:#5d132470;font-size:.88rem;line-height:1.45}.button{display:inline-flex;align-items:center;justify-content:center;min-height:3.25rem;padding:.75rem 1rem;border:1px solid transparent;border-radius:var(--radius-small);font-weight:800;line-height:1.2;cursor:pointer;transition:transform var(--transition-fast),background-color var(--transition-fast),border-color var(--transition-fast)}.button:active:not(:disabled){transform:translateY(.1rem)}.button:disabled{cursor:not-allowed;filter:saturate(.35);opacity:.48}.button-primary{color:var(--color-accent-ink);background:var(--color-accent);box-shadow:inset 0 1px #ffffff38}.button-secondary{border-color:var(--color-border);color:var(--color-text);background:var(--color-surface-strong)}.button-ghost{border-color:var(--color-border);color:var(--color-text);background:transparent}.feature-note{margin:-.25rem 0 0;color:var(--color-text-muted);font-size:.78rem;line-height:1.5;text-align:center}.mobile-scroll-prompt{position:fixed;bottom:max(1rem,env(safe-area-inset-bottom));left:50%;z-index:5;display:flex;justify-content:center;width:max-content;max-width:calc(100vw - 2rem);transform:translate(-50%)}.mobile-scroll-prompt__button{display:inline-flex;align-items:center;gap:.65rem;min-height:3rem;padding:.7rem 1rem .7rem 1.15rem;border:1px solid rgb(211 160 89 / 58%);border-radius:999px;color:var(--color-text);background:#07142af0;box-shadow:0 .75rem 2rem #00000061;font-size:.88rem;font-weight:750;line-height:1;cursor:pointer;-webkit-backdrop-filter:blur(.8rem);backdrop-filter:blur(.8rem);animation:mobile-scroll-bounce 1.6s ease-in-out infinite}.mobile-scroll-prompt__arrow{color:var(--color-accent);font-size:1.25rem;line-height:.8}.ticket-editor{scroll-margin-top:1rem}.loading-overlay{position:fixed;inset:0;z-index:10;display:grid;place-items:center;padding:1rem;background:var(--color-overlay);-webkit-backdrop-filter:blur(.65rem);backdrop-filter:blur(.65rem)}.loading-overlay__card{display:grid;justify-items:center;gap:1rem;width:min(100%,19rem);padding:2rem;border:1px solid var(--color-border);border-radius:var(--radius-medium);background:var(--color-surface);box-shadow:var(--shadow-card);text-align:center}.loading-overlay__card p{margin:0;font-size:1.1rem;font-weight:750}.loading-spinner{width:2.4rem;height:2.4rem;border:.22rem solid rgb(241 207 115 / 24%);border-top-color:var(--color-accent);border-radius:50%;animation:spin .75s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}@keyframes mobile-scroll-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-.45rem)}}@media(min-width:50rem){.app-shell{padding-block:0 3.5rem}.app-shell:before{background-position:center;background-size:cover;opacity:.82}.app-shell:after{background:linear-gradient(90deg,#040a188a,#040a1847,#040a1894)}.event-logo{width:clamp(13rem,17vw,15rem)}.editing-layout,.ticket-result{grid-template-columns:minmax(23rem,25rem) minmax(21rem,24rem);gap:clamp(1.25rem,2.5vw,2rem);width:min(100%,51rem)}.ticket-preview,.generated-ticket-image{width:min(100%,25rem)}.ticket-editor,.result-actions{padding:1.75rem}.mobile-scroll-prompt{display:none}}@media(hover:hover){.button:hover:not(:disabled){transform:translateY(-.08rem)}.button-primary:hover:not(:disabled){background:var(--color-accent-strong)}.button-secondary:hover:not(:disabled),.button-ghost:hover:not(:disabled){border-color:#ffffff61;background:var(--color-surface-strong)}.mobile-scroll-prompt__button:hover{border-color:var(--color-accent);background:#102340f5}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.mobile-scroll-prompt__button{animation:none}}