@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,system-ui,sans-serif;color:#172033;background:#f4f6fa;font-synthesis:none;--brand: #2563eb;--brand-dark: #172033}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input{font:inherit}button{cursor:pointer}.app{min-height:100vh;max-width:540px;margin:0 auto;background:#fff;box-shadow:0 0 40px #19233d14;padding-bottom:max(18px,env(safe-area-inset-bottom))}.brand-header{padding:max(18px,env(safe-area-inset-top)) 22px 14px;background:var(--brand-dark);color:#fff;display:flex;align-items:center;gap:12px}.brand-header img{width:48px;height:48px;object-fit:contain;border-radius:12px;background:#fff;padding:4px}.brand-mark{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;font-size:16px;font-weight:800;background:var(--brand)}.brand-header div:last-child{display:flex;flex-direction:column}.brand-header span{font-size:11px;opacity:.68;text-transform:uppercase;letter-spacing:1.3px}.brand-header strong{font-size:21px;line-height:1.2}.route-card{display:flex;align-items:center;gap:12px;margin:18px 20px 0;padding:13px 15px;background:#f7f8fb;border:1px solid #e7eaf0;border-radius:15px}.route-card>div:nth-child(2){display:flex;flex:1;flex-direction:column}.route-card span{color:#798195;font-size:11px;text-transform:uppercase;font-weight:700;letter-spacing:.5px}.route-card strong{font-size:14px}.bus-icon{background:color-mix(in srgb,var(--brand) 12%,white);color:var(--brand);width:38px;height:38px;border-radius:10px;display:grid;place-items:center}.online-dot{width:9px;height:9px;border-radius:50%;background:#16b76a;box-shadow:0 0 0 4px #16b76a1c}.content{padding:30px 22px 20px}.eyebrow{color:var(--brand);font-weight:800;font-size:11px;letter-spacing:1.4px;margin-bottom:7px}h1{margin:0;color:#151c2d;letter-spacing:-.8px;font-size:clamp(27px,7.6vw,34px);line-height:1.12}.lead{color:#687085;line-height:1.55;margin:11px 0 24px;font-size:15px}.scan-button{width:100%;display:flex;align-items:center;gap:13px;text-align:left;color:#fff;border:0;border-radius:17px;padding:17px;background:linear-gradient(135deg,var(--brand),color-mix(in srgb,var(--brand),#000 16%));box-shadow:0 10px 25px color-mix(in srgb,var(--brand) 25%,transparent)}.scan-button span:nth-child(2){display:flex;flex:1;flex-direction:column}.scan-button strong{font-size:16px}.scan-button small{opacity:.76;margin-top:3px}.scan-button b{font-size:28px;font-weight:400}.scan-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:11px;background:#ffffff26;font-size:26px}.divider{display:flex;align-items:center;gap:12px;color:#9ba1b0;margin:23px 0;font-size:12px}.divider:before,.divider:after{content:"";height:1px;background:#e7e9ee;flex:1}.code-label,form label{display:flex;flex-direction:column;gap:8px;color:#3a4255;font-weight:700;font-size:13px;margin-top:15px}.code-row{display:flex;gap:9px;margin-top:8px}.code-input,form input{min-width:0;width:100%;border:1.5px solid #dce0e8;border-radius:12px;background:#fbfcfe;padding:14px 15px;outline:none;transition:border .2s,box-shadow .2s}.code-input{font-size:21px;letter-spacing:5px;font-weight:800;text-align:center}.code-input:focus,form input:focus{border-color:var(--brand);box-shadow:0 0 0 4px color-mix(in srgb,var(--brand) 10%,transparent)}.code-row button{border:0;border-radius:12px;color:var(--brand);background:color-mix(in srgb,var(--brand) 9%,white);padding:0 15px;font-weight:700}.primary-button,.secondary-button{width:100%;min-height:51px;border:0;border-radius:13px;margin-top:20px;font-weight:800}.primary-button{color:#fff;background:var(--brand);box-shadow:0 8px 20px color-mix(in srgb,var(--brand) 20%,transparent)}.primary-button:disabled{background:#c9ced8;box-shadow:none;cursor:not-allowed}.secondary-button{color:#31394b;background:#f0f2f6}.privacy,.help{text-align:center;font-size:11px;color:#9aa0af;line-height:1.5;margin:19px 12px 0}.back{border:0;background:none;color:#687085;padding:0;margin:-8px 0 20px;font-weight:600}.selected-code{display:flex;align-items:center;background:#f3f8f5;border:1px solid #d9ece0;border-radius:13px;padding:11px 14px}.selected-code span{color:#728078;font-size:11px;flex:1}.selected-code strong{letter-spacing:2px}.selected-code i{font-style:normal;margin-left:9px;color:#139653}.hint{font-size:11px;color:#9096a5;margin:6px 2px 0}.field-error,.notice{color:#bd2934;background:#fff1f2;border-radius:9px;padding:10px 12px;font-size:12px;line-height:1.4}.button-spinner,.spinner{display:inline-block;width:18px;height:18px;border:2px solid #ffffff66;border-top-color:#fff;border-radius:50%;animation:spin .75s linear infinite;vertical-align:middle}.success-content{text-align:center;padding-top:38px}.success-check{width:74px;height:74px;display:grid;place-items:center;margin:0 auto 22px;border-radius:50%;background:#19a961;color:#fff;font-size:36px;box-shadow:0 9px 25px #19a96135}.success-check.pending{background:#d58b12;box-shadow:0 9px 25px #d58b1235}.success-check.error{background:#bd2934;box-shadow:0 9px 25px #bd293435}.summary{margin-top:26px;border:1px solid #e7eaf0;border-radius:16px;padding:5px 17px;text-align:left}.summary div{display:flex;justify-content:space-between;padding:13px 0;border-bottom:1px solid #edf0f4;gap:15px}.summary div:last-child{border:0}.summary span{color:#7d8495;font-size:13px}.summary strong{text-align:right;font-size:13px}.notice{color:#7a5b00;background:#fff8dc}.link-button{display:grid;place-items:center;text-decoration:none}footer{text-align:center;color:#a1a6b2;font-size:11px;padding:13px}footer strong{color:#677083;letter-spacing:1px}.scanner-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;background:#111827c9;display:flex;align-items:flex-end;justify-content:center}.scanner-sheet{width:min(100%,540px);background:#fff;border-radius:23px 23px 0 0;padding:22px 20px max(22px,env(safe-area-inset-bottom))}.sheet-head{display:flex;align-items:center;margin-bottom:17px}.sheet-head>div{flex:1;display:flex;flex-direction:column}.sheet-head span{color:#7f8799;font-size:12px;margin-top:3px}.icon-button{border:0;background:#f0f2f5;width:37px;height:37px;border-radius:50%;font-size:24px}.qr-reader{min-height:280px;overflow:hidden;border-radius:14px;background:#151a24}.status-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px;background:#fff}.status-page p{color:#737b8c;max-width:330px}.status-page .primary-button{max-width:300px}.status-page .spinner{width:42px;height:42px;border:4px solid #dfe8fb;border-top-color:var(--brand);margin-bottom:23px}.status-icon.error{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;color:#d73543;background:#fff0f1;font-size:33px;font-weight:800;margin-bottom:22px}@keyframes spin{to{transform:rotate(360deg)}}@media(min-width:541px){body{padding:24px 0}.app{min-height:calc(100vh - 48px);border-radius:22px;overflow:hidden}.scanner-modal{align-items:center}.scanner-sheet{border-radius:23px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important}}