:root{--brand-navy:#0d3b66;--brand-navy-dark:#0a2c4d;--brand-orange:#ff8a05;--brand-orange-soft:#fff2e2;--bg:#eef3f9;--surface:#fff;--surface-2:#f1f5fa;--text:#12314f;--heading:#0d3b66;--muted:#6a7e94;--border:#dbe4ee;--danger:#e0483e;--success:#1f9d54;--radius:16px;--radius-sm:11px;--shadow:0 6px 20px #0d3b6614;--shadow-sm:0 2px 8px #0d3b660f;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.app{min-height:100%;padding:0 0 calc(24px + env(safe-area-inset-bottom));flex-direction:column;display:flex}.app-header{background:var(--brand-navy);border-bottom:3px solid var(--brand-orange);z-index:10;align-items:center;gap:10px;padding:12px 16px;display:flex;position:sticky;top:0}.app-header__logo{object-fit:contain;background:#fff;border-radius:50%;flex-shrink:0;width:34px;height:34px;padding:2px}.app-header__title{color:#fff;text-transform:uppercase;letter-spacing:.05em;font-size:15px;font-weight:800}.screen{flex-direction:column;flex:1;gap:18px;padding:18px 16px 8px;animation:.18s ease-out fade-in;display:flex}@keyframes fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.screen__header{flex-direction:column;gap:6px;display:flex}.screen__title{color:var(--heading);margin:0;font-size:22px;font-weight:800}.screen__subtitle{color:var(--muted);margin:0;font-size:15px;line-height:1.45}.progress{gap:6px;padding:4px 2px;display:flex}.progress__dot{background:var(--border);border-radius:2px;flex:1;height:4px;transition:background .2s}.progress__dot--done{background:var(--brand-orange)}.field{flex-direction:column;gap:7px;display:flex}.field__label{color:var(--brand-navy);text-transform:uppercase;letter-spacing:.03em;font-size:12.5px;font-weight:700}.field__input,.field__select{appearance:none;border:1.5px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);outline:none;width:100%;padding:14px;font-size:16px;transition:border-color .15s,box-shadow .15s}.field__input::placeholder{color:#a9b6c5}.field__input:focus,.field__select:focus{border-color:var(--brand-navy);box-shadow:0 0 0 3px #0d3b661f}.field__input:disabled,.field__select:disabled{opacity:.5;pointer-events:none}.phone-input{border:1.5px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);align-items:stretch;transition:border-color .15s,box-shadow .15s;display:flex;overflow:hidden}.phone-input:focus-within{border-color:var(--brand-navy);box-shadow:0 0 0 3px #0d3b661f}.phone-input__prefix{color:var(--text);background:var(--surface);border-right:1.5px solid var(--border);-webkit-user-select:none;user-select:none;align-items:center;padding:0 10px 0 14px;font-size:16px;display:flex}.phone-input__field{border:none;border-radius:0;flex:1;min-width:0}.phone-input__field:focus{box-shadow:none}.phone-input--disabled{opacity:.5;pointer-events:none}.card-details{border:1.5px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);flex-direction:column;gap:8px;padding:14px;display:flex}.card-details__title{color:var(--muted);font-size:13px}.card-details__row{justify-content:space-between;align-items:center;gap:12px;display:flex}.card-details__label{color:var(--muted);font-size:13px}.card-details__value{color:var(--text);letter-spacing:.02em;font-size:16px;font-weight:600}.field__select{background-image:linear-gradient(45deg, transparent 50%, var(--brand-navy) 50%), linear-gradient(135deg, var(--brand-navy) 50%, transparent 50%);background-position:calc(100% - 20px),calc(100% - 15px);background-repeat:no-repeat;background-size:5px 5px,5px 5px}.field__hint{color:var(--muted);font-size:12px}.field__error{color:var(--danger);font-size:13px;font-weight:600}.card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:16px}.role-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.role-card{background:var(--surface);border:2px solid var(--border);border-radius:var(--radius);text-align:center;cursor:pointer;box-shadow:var(--shadow-sm);flex-direction:column;align-items:center;gap:10px;padding:22px 14px;transition:border-color .15s,transform .1s,box-shadow .15s;display:flex}.role-card:active{transform:scale(.97)}.role-card--selected{border-color:var(--brand-orange);box-shadow:0 0 0 3px var(--brand-orange-soft)}.role-card__emoji{font-size:34px}.role-card__title{color:var(--heading);font-size:16px;font-weight:800}.role-card__desc{color:var(--muted);font-size:12.5px;line-height:1.35}.btn{border-radius:var(--radius-sm);background:var(--brand-navy);color:#fff;cursor:pointer;border:none;width:100%;padding:15px 18px;font-size:16px;font-weight:700;transition:background .15s,transform .1s}.btn:active{background:var(--brand-navy-dark);transform:scale(.98)}.btn:disabled{opacity:.45;cursor:default}.btn--dimmed{opacity:.45}.btn--secondary{background:var(--surface);color:var(--brand-navy);border:1.5px solid var(--border)}.btn--danger{background:var(--danger);color:#fff}.chip-group{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1.5px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;border-radius:999px;padding:9px 15px;font-size:14px;font-weight:600;transition:background .15s,color .15s,border-color .15s}.chip:disabled{opacity:.5;cursor:default}.chip--active{background:var(--brand-navy);color:#fff;border-color:var(--brand-navy)}.banner{border-radius:var(--radius-sm);padding:12px 14px;font-size:14px;font-weight:500;line-height:1.4}.banner--error{background:color-mix(in srgb, var(--danger) 12%, #fff);color:var(--danger)}.banner--success{background:color-mix(in srgb, var(--success) 12%, #fff);color:var(--success)}.banner--info{background:var(--brand-orange-soft);color:#b5620a}.existing-student-banner{border-radius:var(--radius-sm);background:color-mix(in srgb, var(--success) 10%, #fff);flex-direction:column;gap:10px;padding:14px;display:flex}.existing-student-banner p{color:var(--text);margin:0;font-size:14px;font-weight:500}.list{flex-direction:column;gap:10px;display:flex}.list-item{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;padding:13px 15px;display:flex}.list-item__title{color:var(--heading);font-size:15px;font-weight:700}.list-item__subtitle{color:var(--muted);font-size:12.5px}.spinner{border:3px solid var(--border);border-top-color:var(--brand-orange);border-radius:50%;width:34px;height:34px;margin:0 auto;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.center{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;padding:24px 12px;display:flex}.photo-picker{align-items:center;gap:14px;display:flex}.photo-picker__preview{border-radius:var(--radius-sm);object-fit:cover;background:var(--surface-2);border:1.5px solid var(--border);flex-shrink:0;width:64px;height:64px}.photo-picker__buttons{flex-direction:column;flex:1;gap:8px;display:flex}.photo-picker__button{display:block}.camera-overlay{z-index:1000;background:#000;flex-direction:column;display:flex;position:fixed;inset:0}.loading-overlay{z-index:999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#ffffffd9;flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex;position:fixed;inset:0}.loading-overlay__text{color:var(--text);margin:0;font-size:15px;font-weight:600}.camera-overlay__video{object-fit:cover;flex:1;width:100%;min-height:0}.camera-overlay__video--mirror{transform:scaleX(-1)}.camera-overlay__guide{border:3px solid var(--brand-orange);pointer-events:none;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 9999px #0006}.camera-overlay__guide--document{aspect-ratio:4/3;border-radius:12px;width:82%}.camera-overlay__guide--face{aspect-ratio:3/4;border-radius:50%;width:60%}.camera-overlay__guide-hint{color:#fff;white-space:nowrap;text-shadow:0 1px 4px #000000b3;font-size:14px;position:absolute;bottom:-36px;left:50%;transform:translate(-50%)}.camera-overlay__controls{padding:20px calc(20px + env(safe-area-inset-right)) calc(20px + env(safe-area-inset-bottom)) calc(20px + env(safe-area-inset-left));justify-content:space-between;align-items:center;gap:16px;display:flex}.camera-overlay__controls .btn{width:96px}.camera-overlay__shutter{border:4px solid var(--brand-orange);cursor:pointer;background:#fff;border-radius:50%;flex-shrink:0;width:68px;height:68px}.camera-overlay__shutter:active{transform:scale(.94)}.camera-overlay__error{color:#fff;text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;padding:24px;display:flex}.camera-overlay__error .btn{width:160px}.ticket-card{background:var(--surface);border-radius:var(--radius);border-top:4px solid var(--brand-orange);box-shadow:var(--shadow);flex-direction:column;gap:10px;padding:18px;display:flex}.ticket-card__number{letter-spacing:.02em;color:var(--heading);font-size:20px;font-weight:800}.ticket-card__payment{font-size:14px;font-weight:600}.ticket-card__actions{gap:8px;display:flex}.ticket-card__actions .btn{flex:1;width:auto}.consent-text{color:var(--muted);font-size:13.5px;line-height:1.5}.consent-text p{margin:0 0 8px}.consent-text__lead{color:var(--text);font-weight:600}.consent-checklist{flex-direction:column;gap:12px;display:flex}.consent-check{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;align-items:flex-start;gap:10px;padding:12px 14px;font-size:13.5px;line-height:1.4;display:flex}.consent-check input{width:18px;height:18px;accent-color:var(--brand-navy);flex-shrink:0;margin-top:2px}.consent-org{background:var(--surface);border-radius:var(--radius-sm);color:var(--muted);padding:14px;font-size:12.5px;line-height:1.6}.consent-org__title{color:var(--text);margin-bottom:4px;font-weight:700}.consent-org__row{color:var(--muted)}.consent-hint{color:var(--muted);font-size:11.5px;line-height:1.4}