:root{--deep:#10292d;--ink:#163136;--teal:#315458;--cream:#f4edda;--paper:#fff9ec;--yellow:#f8c75b;--rust:#a8533b;--line:#c9c5b7;--gate:#e8eeee;--valid:#136348;--used:#865509;--invalid:#9b3030;--offline:#48565c;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--cream)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #e36f42;outline-offset:3px}[hidden]{display:none!important}
.demo-strip{background:#f8c75b;color:#1a3336;text-align:center;font-size:12px;font-weight:700;padding:8px 12px}.site-header{min-height:78px;background:var(--deep);color:var(--paper);display:flex;align-items:center;justify-content:space-between;gap:24px;padding:12px max(24px,calc((100vw - 1280px)/2));border-bottom:1px solid #476163}.brand{font-family:Impact,'Arial Narrow',sans-serif;letter-spacing:.025em;font-size:30px;text-decoration:none;line-height:1;display:inline-flex;align-items:center}.brand-mark{font-family:Arial,sans-serif;font-weight:400;font-size:37px;color:var(--yellow);margin-right:10px;line-height:1}.brand-dot{color:var(--yellow)}.view-switch{display:flex;gap:3px;background:#29474b;padding:4px;border-radius:100px}.view-tab{border:0;background:transparent;color:#e3e9df;padding:10px 18px;border-radius:100px;font-size:14px;font-weight:700}.view-tab.is-active{background:var(--cream);color:var(--deep)}
.public-shell{background:var(--deep);color:var(--paper);min-height:670px;display:grid;grid-template-columns:minmax(0,1fr) minmax(370px,.85fr);gap:48px;max-width:none;padding:70px max(30px,calc((100vw - 1280px)/2)) 72px;overflow:hidden}.hero-copy{max-width:660px;align-self:center}.intro-line{font-size:14px;font-weight:700;display:flex;gap:11px;align-items:center;margin:0 0 25px;color:#e5cf9e}.intro-rule{width:26px;height:1px;background:var(--yellow)}.hero-copy h1{font-family:Impact,'Arial Narrow',sans-serif;font-weight:400;letter-spacing:-.015em;line-height:.9;font-size:clamp(70px,8vw,122px);margin:0 0 28px;text-transform:uppercase}.hero-copy h1 em{font-style:normal;color:var(--yellow)}.hero-lead{font-size:21px;line-height:1.45;max-width:490px;color:#ebebe2;margin:0 0 32px}.event-facts{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #557074;border-bottom:1px solid #557074;max-width:620px;margin:0 0 28px}.event-facts>div{padding:16px 13px 18px 0}.event-facts>div+div{border-left:1px solid #557074;padding-left:18px}.event-facts span{display:block;font-size:12px;color:#b6c6bb;margin-bottom:8px}.event-facts strong{display:block;font-size:14px;line-height:1.3;color:var(--paper)}.primary-button{background:var(--yellow);border:2px solid var(--yellow);color:#10292d;border-radius:3px;padding:15px 20px;min-height:56px;font-weight:800;font-size:16px;display:inline-flex;align-items:center;justify-content:space-between;gap:35px}.primary-button:hover{background:#ffdb88}.hero-button{min-width:260px}.hero-button span{font-size:23px;font-weight:400}.hero-note{font-size:13px;color:#b9c9bc;margin:13px 0 0}.poster-wrap{position:relative;align-self:center;justify-self:center;width:min(100%,465px);transform:rotate(3deg)}.poster{height:570px;background:#e8bd60;position:relative;overflow:hidden;box-shadow:17px 17px 0 #315053,24px 24px 35px #051c20;display:flex;flex-direction:column;justify-content:space-between;color:#18353a;border:8px solid #eec877}.poster::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(14,48,54,.045) 0 1px,transparent 1px 5px);pointer-events:none}.poster-top,.poster-bottom{position:relative;z-index:2;display:flex;justify-content:space-between;padding:22px 24px;font-size:12px;font-weight:900;letter-spacing:.06em}.poster-bottom{align-items:flex-end;font-size:17px;line-height:1.04;border-top:2px solid #244449;margin:0 24px;padding:16px 0 20px}.poster-bottom span:last-child{text-align:right}.poster-name{position:relative;z-index:2;margin:auto 0 70px 12px;font-family:Impact,'Arial Narrow',sans-serif;font-size:clamp(92px,10vw,142px);letter-spacing:-.025em;line-height:.79;color:#163439;text-shadow:2px 2px #e3b75b}.poster-name span{position:absolute;font-family:Arial,sans-serif;color:#f9e3a3;font-size:90px;right:25px;bottom:-15px;transform:rotate(-15deg);text-shadow:none}.lamp{position:absolute;width:14px;height:190px;background:#164249;top:55px;right:95px;transform:rotate(-15deg);z-index:1}.lamp:before{content:"";position:absolute;width:90px;height:11px;background:#164249;top:-1px;right:-79px}.lamp:after{content:"";position:absolute;width:15px;height:8px;background:#164249;top:7px;right:-79px}.lamp span{position:absolute;left:65px;top:16px;width:145px;height:210px;background:linear-gradient(#fff8b6bb,#fff8b600);clip-path:polygon(46% 0,54% 0,100% 100%,0 100%);filter:blur(2px)}.lamp-two{right:255px;top:125px;transform:rotate(8deg) scale(.68)}.poster-ground{position:absolute;left:-20px;right:-20px;bottom:64px;height:95px;background:repeating-radial-gradient(circle at 20px 100px,#194248 0 12px,transparent 13px 37px);opacity:.85}.poster-tag{position:absolute;right:-22px;bottom:-18px;background:var(--rust);color:white;font-size:13px;font-weight:800;padding:13px 16px;transform:rotate(-7deg);z-index:3}.poster-tag span{font-size:19px;margin-left:15px}
.flow-section{padding:78px max(30px,calc((100vw - 1120px)/2)) 95px;background:var(--cream)}.flow-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin:0 0 38px}.section-kicker{font-size:14px;font-weight:800;color:var(--rust);margin:0 0 10px}.flow-heading h2{font-family:Impact,'Arial Narrow',sans-serif;font-weight:400;font-size:clamp(42px,5vw,64px);line-height:1;margin:0;letter-spacing:-.015em;text-transform:uppercase}.flow-heading>p{max-width:300px;font-size:16px;line-height:1.5;margin:0 0 3px}.steps{list-style:none;display:flex;gap:0;margin:0 0 18px;padding:0}.steps li{font-size:13px;color:#687476;border-bottom:3px solid #c8c9be;padding:12px 12px 12px 0;flex:1;font-weight:700}.steps li.is-current{color:var(--ink);border-color:var(--rust)}.steps li.is-done{color:var(--valid);border-color:var(--valid)}.steps li span{font-size:15px;margin-left:8px}.flow-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(270px,.75fr);gap:18px;align-items:stretch}.flow-panel{background:var(--paper);border:1px solid #d5cfbd;padding:34px 38px;min-height:568px}.flow-screen{max-width:590px}.flow-screen h3{font-family:Impact,'Arial Narrow',sans-serif;font-size:39px;line-height:1.1;font-weight:400;letter-spacing:.005em;text-transform:uppercase;margin:0 0 12px}.screen-help{font-size:15px;line-height:1.5;color:#4b6264;margin:0 0 26px}.amount-choices{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:24px}.amount-choice{border:1px solid #aeb7ae;background:#fffdf6;color:var(--ink);font-size:20px;font-weight:800;min-height:57px;border-radius:2px}.amount-choice.is-selected{background:#183b3d;border-color:#183b3d;color:#fff}.flow-screen label{display:block;font-size:14px;font-weight:800;margin:18px 0 8px}.flow-screen input,.flow-screen select{width:100%;border:1px solid #aab9b5;background:#fffdfa;border-radius:2px;color:var(--ink);min-height:52px;padding:10px 14px}.money-field{display:flex;align-items:center;border:1px solid #aab9b5;background:#fffdfa;min-height:52px}.money-field input{border:0;min-width:0;outline:0;padding-left:3px;font-size:19px;font-weight:700}.money-field span:first-child{padding-left:14px;font-size:20px;font-weight:700}.money-field span:last-child{padding-right:14px;color:#61726e;font-size:12px;font-weight:800}.money-field:focus-within{outline:3px solid #e36f42;outline-offset:3px}.field-hint{font-size:12px;color:#667778;line-height:1.4;margin:8px 0 23px}.form-error{color:#a73327;font-size:14px;font-weight:700;margin:0 0 15px}.full-button{width:100%;justify-content:center}.full-button span{margin-left:auto;font-size:22px;font-weight:400}.side-explainer{background:#d9dfd5;padding:28px 28px 30px;display:flex;flex-direction:column;min-height:420px}.side-light{font-size:88px;line-height:1;color:#b75c3d;align-self:flex-end;margin:-10px -3px 50px}.side-explainer h3{font-family:Impact,'Arial Narrow',sans-serif;font-weight:400;font-size:39px;line-height:1.05;text-transform:uppercase;margin:0 0 14px}.side-explainer p{font-size:16px;line-height:1.5;margin:0}.side-separator{height:1px;background:#aebdb1;margin:auto 0 16px}.side-explainer .small-note{font-size:12px;color:#415e5d}.public-footer{background:var(--deep);color:var(--paper);padding:25px max(30px,calc((100vw - 1120px)/2));display:flex;justify-content:space-between;align-items:center;gap:20px}.public-footer>span{font-family:Impact,'Arial Narrow',sans-serif;font-size:28px}.public-footer p{font-size:12px;color:#bbc9bf;margin:0}
.status-pill{display:inline-flex;align-items:center;gap:8px;background:#f7e6c1;color:#67480a;font-size:13px;font-weight:800;padding:8px 10px;margin:0 0 23px}.pulse-dot{width:8px;height:8px;background:#a96d12;border-radius:50%}.bank-details{border:1px solid #aab9b5;background:white;padding:18px;display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 12px}.bank-details span,.payment-meta span{display:block;font-size:12px;color:#677a79;margin:0 0 6px}.bank-details strong{font-size:18px;overflow-wrap:anywhere}.text-button{border:0;background:#e0eee7;color:#1b5b46;padding:10px;font-size:13px;font-weight:800;white-space:nowrap}.transfer-warning{font-size:13px;color:#9b3030;font-weight:700;margin:0 0 25px}.payment-meta{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid #d2d6cf;border-bottom:1px solid #d2d6cf;margin:0 0 26px}.payment-meta div{padding:16px 10px 16px 0}.payment-meta strong{font-size:15px}.quiet-button{display:block;margin:17px auto 0;padding:8px;border:0;background:transparent;text-decoration:underline;text-underline-offset:3px;color:#315458;font-size:14px;font-weight:700}.success-line{display:inline-flex;align-items:center;gap:8px;color:var(--valid);font-size:14px;font-weight:800;margin:0 0 18px}.success-line span{display:grid;place-items:center;background:var(--valid);color:#fff;border-radius:50%;width:23px;height:23px}.ticket-list{display:grid;gap:12px}.ticket{background:#fff;border:1px solid #91aaa0;display:grid;grid-template-columns:1fr 110px;min-height:132px}.ticket-main{padding:17px}.ticket-main small{display:block;color:#607772;font-size:12px;margin-bottom:8px}.ticket-main strong{font-family:Impact,'Arial Narrow',sans-serif;font-size:28px;font-weight:400;display:block}.ticket-main code{font-family:Arial,sans-serif;font-size:13px;letter-spacing:.05em;color:#37565a}.fake-qr{background:#e4ebe7;border-left:2px dashed #8daaa1;display:grid;place-items:center;text-align:center;font-size:11px;color:#2a5952;font-weight:900;padding:8px}.qr-pattern{width:61px;height:61px;background:repeating-conic-gradient(#2a5952 0 25%,transparent 0 50%) 0 0/12px 12px;opacity:.7;mix-blend-mode:multiply}.ticket-disclaimer{font-size:12px;color:#8b493b;font-weight:700;margin:16px 0 0}
.gate-view{background:var(--gate);min-height:calc(100vh - 110px);padding:42px max(24px,calc((100vw - 1120px)/2)) 70px;color:#182d31}.gate-shell{max-width:1120px;margin:0 auto}.gate-header{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:27px}.gate-eyebrow{font-size:13px;font-weight:800;margin:0 0 10px;color:#4f6b6c}.gate-header h1{font-family:Impact,'Arial Narrow',sans-serif;font-size:clamp(40px,5vw,62px);font-weight:400;text-transform:uppercase;letter-spacing:.005em;line-height:1;margin:0 0 8px}.gate-header p:last-child{font-size:14px;color:#526768;margin:0}.demo-status{border:1px solid #acc2b8;background:#f8fcf8;border-radius:100px;padding:9px 14px;white-space:nowrap;font-size:12px;font-weight:800;display:inline-flex;align-items:center;gap:8px}.demo-status span{height:8px;width:8px;background:#568f6f;border-radius:50%}.gate-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.87fr);gap:22px}.scanner-card,.gate-actions{background:#fff;border:1px solid #cad6d1;padding:22px}.scanner-top{font-weight:800;font-size:14px;display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.scanner-top span:last-child{color:#355d61;font-size:20px}.scan-window{height:370px;background:linear-gradient(140deg,#254d50,#0f262b 65%);position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;overflow:hidden}.scan-window::before{content:"";position:absolute;inset:0;opacity:.16;background:radial-gradient(ellipse at 20% 20%,#d7f2d7,transparent 40%),repeating-linear-gradient(24deg,transparent 0 42px,#8bac9a 43px 44px)}.scan-corners{position:absolute;width:min(52%,205px);height:205px;top:50%;left:50%;transform:translate(-50%,-50%)}.scan-corners i{position:absolute;width:32px;height:32px;border-color:#f8c75b;border-style:solid}.scan-corners i:nth-child(1){top:0;left:0;border-width:4px 0 0 4px}.scan-corners i:nth-child(2){top:0;right:0;border-width:4px 4px 0 0}.scan-corners i:nth-child(3){bottom:0;left:0;border-width:0 0 4px 4px}.scan-corners i:nth-child(4){bottom:0;right:0;border-width:0 4px 4px 0}.scan-symbol{font-size:94px;line-height:1;opacity:.19}.scan-window p{position:absolute;bottom:57px;margin:0;font-size:14px;font-weight:700}.scan-window small{position:absolute;bottom:35px;color:#b9d0c8;font-size:11px}.scanner-hint{font-size:13px;color:#4d6264;line-height:1.45;margin:15px 0 23px}.manual-entry{border-top:1px solid #d4dfd9;padding-top:14px}.manual-entry label{font-size:13px;font-weight:800;display:block;margin-bottom:9px}.manual-entry>div{display:flex;gap:8px}.manual-entry input{min-width:0;flex:1;border:1px solid #a4bab1;padding:10px 12px;min-height:44px}.manual-entry button{border:0;background:#20484a;color:#fff;font-weight:800;padding:9px 16px}.gate-actions{display:flex;flex-direction:column;gap:20px}.gate-result{min-height:285px;padding:26px;background:#edf2ee;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.gate-result .result-icon{font-size:36px;font-weight:800;border:2px solid currentColor;width:64px;height:64px;display:grid;place-items:center;border-radius:50%;margin-bottom:18px}.gate-result h2{font-size:28px;line-height:1.1;margin:0 0 9px}.gate-result p{font-size:15px;line-height:1.45;margin:0}.gate-result .result-label{font-size:12px;font-weight:900;letter-spacing:.06em;margin:0 0 5px;text-transform:uppercase}.idle-result{background:#edf2ee;color:#36575a}.gate-result.is-valid{background:#dbf4e8;color:#104e3a}.gate-result.is-used{background:#ffefd0;color:#754900}.gate-result.is-invalid{background:#ffe3e0;color:#8c2424}.gate-result.is-offline{background:#e3e8ea;color:#374b51}.next-button{border:0;background:currentColor;position:relative;font-size:14px;font-weight:800;padding:11px 16px;margin-top:17px}.is-valid .next-button{background:#136348;color:white}.is-used .next-button{background:#865509;color:white}.is-invalid .next-button{background:#9b3030;color:white}.is-offline .next-button{background:#48565c;color:white}.demo-controls{background:#f1f6f3;padding:18px}.demo-controls p{font-size:13px;font-weight:800;margin:0 0 13px}.demo-buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.demo-buttons button{min-height:41px;background:white;border:1px solid #9eb5ab;color:#1e3d3e;font-size:13px;font-weight:800}.demo-buttons button:hover{background:#e1eee7}.gate-note{margin-top:auto;border-top:1px solid #d4dfd9;padding-top:16px}.gate-note strong{font-size:14px}.gate-note p{font-size:13px;line-height:1.45;color:#596e6f;margin:7px 0 0}
@media(max-width:1000px){.public-shell{grid-template-columns:1.1fr .9fr;gap:18px}.poster{height:500px}.poster-name{font-size:clamp(75px,9vw,105px)}.hero-copy h1{font-size:clamp(65px,8vw,90px)}}
@media(max-width:760px){.site-header{padding:14px 20px;align-items:flex-start}.brand{font-size:25px}.brand-mark{font-size:30px}.view-tab{font-size:12px;padding:9px 11px}.public-shell{display:flex;flex-direction:column;padding:52px 22px 68px;gap:54px}.hero-copy h1{font-size:clamp(62px,16vw,100px)}.hero-lead{font-size:18px}.poster-wrap{width:min(100%,390px)}.poster{height:470px}.poster-name{font-size:120px}.flow-section{padding:65px 20px}.flow-heading{display:block}.flow-heading>p{margin-top:15px;max-width:550px}.flow-grid{grid-template-columns:1fr}.side-explainer{min-height:230px}.side-light{font-size:65px;margin-bottom:10px}.side-separator{margin:25px 0 14px}.gate-view{padding:34px 18px 60px}.gate-grid{grid-template-columns:1fr}.gate-header{align-items:flex-start}.scan-window{height:320px}}
@media(max-width:520px){.site-header{flex-direction:column;gap:14px}.view-switch{width:100%}.view-tab{flex:1}.event-facts{grid-template-columns:1fr 1fr}.event-facts>div:last-child{grid-column:1/-1;border-top:1px solid #557074;border-left:0;padding-left:0}.event-facts>div:nth-child(2){border-left:1px solid #557074}.poster{height:430px}.poster-name{font-size:clamp(90px,24vw,115px)}.poster-tag{right:-9px}.flow-panel{padding:26px 18px;min-height:0}.flow-heading h2{font-size:44px}.steps li{font-size:12px}.steps li span{display:block;margin:6px 0 0;font-size:12px}.amount-choice{font-size:16px}.bank-details{align-items:flex-start;flex-direction:column}.ticket{grid-template-columns:1fr 95px}.ticket-main strong{font-size:24px}.public-footer{padding:24px 20px;display:block}.public-footer p{margin-top:8px}.gate-header{display:block}.demo-status{margin-top:15px}.scanner-card,.gate-actions{padding:15px}.scan-window{height:270px}.scan-corners{height:170px}.scan-window p{bottom:43px}.scan-window small{bottom:23px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.manual-example{font-size:12px;line-height:1.4;color:#596e6f;margin:8px 0 0}