:root{color-scheme:light;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}html{scroll-behavior:smooth;scroll-padding-top:max(24px,env(safe-area-inset-top,0px))}:root{--bg: #eceef6;--glow: rgba(240, 165, 0, .2);--surface: #ffffff;--field: #f5f6fc;--ink: #15173b;--muted: #5a5f86;--line: #d3d7ea;--brand: #262a7a;--brand-ink: #ffffff;--link: #262a7a;--accent: #f0a500;--accent-ink: #15173b;--danger: #bd2630;--shadow: 0 1px 2px rgba(21, 23, 59, .06), 0 18px 48px -12px rgba(21, 23, 59, .22);--font-display: "Bricolage Grotesque", "Trebuchet MS", system-ui, sans-serif;--font-body: "DM Sans", system-ui, -apple-system, "Segoe UI", sans-serif}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #0d0f2e;--glow: rgba(255, 190, 46, .13);--surface: #171a49;--field: #0f1238;--ink: #eef0ff;--muted: #a5aad8;--line: #2d3270;--brand: #2c3196;--brand-ink: #ffffff;--link: #bcc0ff;--accent: #ffbe2e;--accent-ink: #15173b;--danger: #ff8086;--shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 18px 48px -12px rgba(0, 0, 0, .6);color-scheme:dark}}:root[data-theme=dark]{--bg: #0d0f2e;--glow: rgba(255, 190, 46, .13);--surface: #171a49;--field: #0f1238;--ink: #eef0ff;--muted: #a5aad8;--line: #2d3270;--brand: #2c3196;--brand-ink: #ffffff;--link: #bcc0ff;--accent: #ffbe2e;--accent-ink: #15173b;--danger: #ff8086;--shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 18px 48px -12px rgba(0, 0, 0, .6);color-scheme:dark}*{box-sizing:border-box}body{margin:0;background-color:var(--bg);background-image:radial-gradient(52rem 28rem at 0% 0%,var(--glow),transparent 65%);background-repeat:no-repeat;color:var(--ink);font-family:var(--font-body);font-size:16px;line-height:1.5;padding-block:clamp(20px,4vw,56px);padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));min-height:100vh}img{max-width:100%}[hidden]:not([hidden=until-found i]){display:none!important}.wrap{max-width:1120px;margin:0 auto;display:grid;gap:clamp(36px,6vw,72px)}.main{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,470px);gap:clamp(32px,5vw,72px);align-items:start}@media(min-width:900px){.main{align-items:center;min-height:calc(100vh - clamp(40px,8vw,112px))}}@media(max-width:899px){.main{grid-template-columns:minmax(0,1fr);align-items:start}}.hero{display:grid;gap:28px;padding-top:clamp(0px,2vw,24px)}@media(min-width:900px){.hero{padding-top:0}}.school{display:flex;align-items:center;gap:10px;margin:0;font-size:.78rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.school:before{content:"";width:28px;height:3px;border-radius:2px;background:var(--accent)}h1{margin:0;font-family:var(--font-display);font-weight:800;font-size:clamp(2.7rem,8.5vw,5.6rem);line-height:.96;letter-spacing:-.035em;text-wrap:balance}h1 .year{display:inline-block;margin-top:.08em;padding:0 .14em .04em;border-radius:.12em;background:var(--accent);color:var(--accent-ink);transform:rotate(-2deg)}.facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:0;margin:0;border-top:2px solid var(--ink)}.fact{min-width:0;padding:14px 18px 4px 0}.fact+.fact{padding-left:18px;border-left:1px dashed var(--line)}@media(max-width:559px){.fact+.fact{padding-left:0;border-left:0;border-top:1px dashed var(--line);margin-top:10px;padding-top:14px}}.fact dt{font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.fact dd{margin:4px 0 0;font-family:var(--font-display);font-weight:700;font-size:1.35rem;line-height:1.2;letter-spacing:-.01em}.fact dd.big{font-size:1.9rem;font-variant-numeric:tabular-nums}.cta{justify-self:start;display:inline-flex;align-items:center;gap:10px;padding:15px 24px;border-radius:999px;background:var(--ink);color:var(--bg);font-weight:700;font-size:1rem;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease}.cta:hover{transform:translateY(-2px);box-shadow:0 10px 24px -10px #15173b99}.cta .arr{display:inline-block;animation:nudge 1.8s ease-in-out infinite}@keyframes nudge{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}.pass{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow);overflow:hidden;scroll-margin-top:24px}.pass-head{padding:20px 24px 22px;background:var(--brand);color:var(--brand-ink);transition:background .2s ease}.step{display:flex;align-items:center;gap:12px;font-size:.74rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.bars{display:flex;gap:6px;flex:1;max-width:120px}.bars i{flex:1;height:4px;border-radius:2px;background:#ffffff47}.bars i:first-child{background:var(--accent)}.pass-head h2{margin:14px 0 4px;font-family:var(--font-display);font-weight:800;font-size:1.75rem;line-height:1.1;letter-spacing:-.02em}.pass-head p{margin:0;color:#fffc;font-size:.95rem}form{padding:24px;display:grid;gap:16px}.people{display:grid;gap:14px}.person{min-width:0;padding:16px;border:1px solid var(--line);border-radius:14px;background:var(--field);display:grid;gap:14px;animation:rise .28s ease both}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.person-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.person h3{margin:0;font-family:var(--font-display);font-weight:700;font-size:1.05rem;letter-spacing:-.005em}.remove{border:0;background:none;padding:4px 6px;font:inherit;font-size:.85rem;font-weight:600;color:var(--danger);cursor:pointer;border-radius:6px}.field{display:grid;gap:6px;min-width:0}.field label{font-size:.85rem;font-weight:600}.field input{width:100%;height:48px;padding:0 14px;border:1.5px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink);font:inherit;font-size:16px;transition:border-color .15s,box-shadow .15s}.field input:hover{border-color:var(--muted)}.field input:focus{outline:none;border-color:var(--link);box-shadow:0 0 0 4px color-mix(in srgb,var(--link) 22%,transparent)}.field input[aria-invalid=true]{border-color:var(--danger)}.err{min-height:0;margin:0;font-size:.82rem;font-weight:500;color:var(--danger)}.err:empty{display:none}.add{width:100%;height:50px;border:1.5px dashed var(--link);border-radius:12px;background:none;color:var(--link);font:inherit;font-weight:700;cursor:pointer;transition:background .15s}.add:hover:not(:disabled){background:color-mix(in srgb,var(--link) 10%,transparent)}.add:disabled{opacity:.5;cursor:not-allowed}.perf{position:relative;margin:8px -24px 0;border-top:2px dashed var(--line)}.perf:before,.perf:after{content:"";position:absolute;top:-14px;width:26px;height:26px;border-radius:50%;background:var(--bg);border:1px solid var(--line)}.perf:before{left:-14px}.perf:after{right:-14px}.sum{display:flex;align-items:baseline;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-top:6px}.sum .fee{font-weight:500;color:var(--muted)}.sum .total{font-family:var(--font-display);font-weight:800;font-size:2.2rem;line-height:1;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.total.bump{animation:bump .3s ease}@keyframes bump{40%{transform:scale(1.12);color:var(--link)}}.pay{width:100%;height:56px;border:0;border-radius:14px;background:var(--accent);color:var(--accent-ink);font:inherit;font-size:1.05rem;font-weight:700;cursor:pointer;transition:transform .15s,box-shadow .15s;display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.pay:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 26px -12px var(--accent)}.pay:disabled{opacity:.6;cursor:not-allowed}button:focus-visible,a:focus-visible{outline:3px solid var(--link);outline-offset:3px}.pass-pane{padding:24px;display:grid;gap:18px}.ref-card{background:var(--field);border:1px solid var(--line);border-radius:14px;padding:18px;text-align:center}.ref-label{font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}.ref-val{font-family:var(--font-display);font-size:2rem;font-weight:800;letter-spacing:.05em;color:var(--ink)}.copy-pill{margin-top:10px;border:1px solid var(--line);background:var(--surface);color:var(--link);padding:6px 14px;border-radius:999px;font:inherit;font-size:.85rem;font-weight:700;cursor:pointer}.amount-hero{background:var(--surface);border:2px solid var(--accent);border-radius:14px;padding:20px;text-align:center;box-shadow:var(--shadow)}.amount-label{font-size:.75rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.amount-num{font-family:var(--font-display);font-size:2.75rem;font-weight:800;color:var(--ink);line-height:1.1;margin:6px 0;font-variant-numeric:tabular-nums}.amount-note{font-size:.82rem;color:var(--muted);line-height:1.4}.manual-card{background:var(--field);border:1px solid var(--line);border-radius:14px;padding:16px;display:grid;gap:10px}.upi-row{display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:10px 14px}.upi-text{font-family:monospace;font-size:.95rem;font-weight:700;color:var(--ink)}.copy-btn-sm{border:0;background:var(--link);color:#fff;padding:6px 12px;border-radius:8px;font:inherit;font-size:.82rem;font-weight:700;cursor:pointer}.btn-secondary{width:100%;height:50px;border:1.5px solid var(--line);border-radius:12px;background:var(--surface);color:var(--ink);font:inherit;font-weight:700;cursor:pointer;transition:background .15s}.btn-secondary:hover{background:var(--field)}.ticket-box{position:relative;border:2px dashed rgba(255,190,46,.45);border-radius:20px;padding:22px 20px;background:#fff;color:#0f172a;display:grid;gap:16px;box-shadow:0 16px 36px #0006}.ticket-box *{color:#0f172a}.ticket-brand{display:flex;align-items:center;gap:14px;padding-bottom:14px;border-bottom:1.5px solid #e2e8f0}.ticket-logo{width:50px;height:50px;object-fit:contain;flex-shrink:0;border-radius:10px;background:#f8fafc;padding:2px;border:1px solid #e2e8f0}.ticket-brand-meta{display:flex;flex-direction:column;justify-content:center;gap:3px}.ticket-school{font-size:.74rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#64748b;line-height:1}.ticket-title{font-family:var(--font-display);font-size:1.32rem;font-weight:800;color:#0f172a;line-height:1.1}.ticket-pass-badge{display:inline-flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;padding:2px 10px;border-radius:999px;background:#ecfdf5;color:#047857;border:1px solid #a7f3d0;width:fit-content;line-height:1.2}.ticket-code-wrap{text-align:center;background:#f8fafc;border:2px dashed #cbd5e1;border-radius:14px;padding:14px 10px;position:relative}.ticket-code-label{font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#64748b;margin-bottom:2px}.ticket-code-val{font-family:var(--font-display);font-size:2.25rem;font-weight:800;color:#1e3a8a;letter-spacing:.06em;line-height:1.1}.ticket-barcode-sim{display:flex;justify-content:center;align-items:center;gap:2.5px;margin-top:8px;height:18px;opacity:.65}.ticket-barcode-sim span{display:inline-block;height:100%;background:#1e293b;border-radius:1px}.ticket-facts{display:grid;grid-template-columns:1fr 1fr;gap:12px 14px;margin:0;padding:4px 0;font-size:.88rem}.ticket-facts dt{font-size:.72rem;text-transform:uppercase;color:#64748b;font-weight:700;letter-spacing:.04em}.ticket-facts dd{margin:2px 0 0;font-weight:700;color:#0f172a;font-size:.95rem}.ticket-seal-row{display:flex;align-items:center;justify-content:space-between;padding-top:10px;border-top:1.5px solid #e2e8f0;font-size:.72rem;font-weight:700;color:#64748b;letter-spacing:.04em;text-transform:uppercase}@media print{@page{margin:8mm;size:auto}html,body{background:#fff!important;background-image:none!important;color:#0f172a!important;padding:0!important;margin:0!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.hero,.pass-head,.perf,.btn-secondary,#save-pass-btn,.foot,#f,#step2-payment,.step,.bars,.pass-protocol-box,#pay-another-btn,#cancelled-alert-banner,#form-error-alert{display:none!important}.wrap,.main,.pass,#step-success{display:block!important;max-width:100%!important;width:100%!important;margin:0!important;padding:0!important;background:#fff!important;border:none!important;box-shadow:none!important}.ticket-box{display:block!important;background:#fff!important;color:#0f172a!important;border:2px solid #0f172a!important;border-radius:16px!important;padding:24px!important;max-width:520px!important;margin:10px auto!important;box-shadow:none!important;page-break-inside:avoid!important}.ticket-box *{color:#0f172a!important;text-shadow:none!important}.ticket-code-wrap{background:#f8fafc!important;border:2px dashed #64748b!important}.ticket-code-val{color:#1e3a8a!important}.ticket-facts dt{color:#64748b!important}.ticket-facts dd{color:#0f172a!important}.pass-protocol-box{display:block!important;background:#f8fafc!important;border:1px solid #cbd5e1!important;color:#334155!important;margin-top:14px!important;page-break-inside:avoid!important}}.history-container{margin-bottom:16px;background:#ffffff0a;border:1px solid var(--line);border-radius:12px;overflow:hidden;transition:border-color .15s}.history-container:hover{border-color:#f59e0b66}.history-toggle-btn{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:11px 14px;background:transparent;border:0;color:var(--accent);font-family:var(--font-display);font-size:.88rem;font-weight:700;cursor:pointer;transition:background .15s}.history-toggle-btn:hover{background:#ffffff0a}.history-arrow{transition:transform .2s ease}.history-container.open .history-arrow{transform:rotate(180deg)}.history-dropdown{padding:8px 12px 12px;border-top:1px solid var(--line);background:#0000002e}.history-list{display:grid;gap:8px}.history-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 12px;background:var(--surface);border:1px solid var(--line);border-radius:8px;transition:border-color .15s}.history-item:hover{border-color:var(--accent)}.history-item-left{min-width:0;display:flex;flex-direction:column;gap:2px}.history-code{font-family:monospace;font-size:.88rem;font-weight:800;color:var(--accent);letter-spacing:.05em}.history-meta{font-size:.78rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-item-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.history-view-btn{background:var(--accent);color:var(--brand);border:0;border-radius:6px;padding:5px 10px;font-family:var(--font-display);font-size:.78rem;font-weight:800;cursor:pointer;transition:transform .1s}.history-view-btn:active{transform:scale(.96)}.history-del-btn{background:transparent;color:var(--muted);border:0;padding:6px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:4px;transition:color .15s}.history-del-btn:hover{color:var(--danger)}.btn-text-action{display:flex;align-items:center;justify-content:center;gap:6px;background:transparent;border:0;color:var(--accent);font-family:var(--font-display);font-size:.84rem;font-weight:700;cursor:pointer;text-decoration:underline;padding:8px;width:100%;margin-top:4px}.btn-text-action:hover{opacity:.85}.foot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 24px;padding-top:20px;border-top:1px solid var(--line);font-size:.85rem;color:var(--muted)}.foot span:first-child{font-weight:600;color:var(--ink)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}