@font-face{font-family:'Cairo';src:url(../../qs/fonts/cairo-regular.woff2) format('woff2');font-weight:400;font-style:normal;font-display:swap}:root{--bg1:#101525;--bg2:#18213a;--card:rgba(255,255,255,.11);--border:rgba(255,255,255,.16);--text:#fff;--muted:rgba(255,255,255,.68);--gold:#f7c873;--blue:#67a7ff;--green:#42d79b;--red:#ff6f8f}*{box-sizing:border-box;-webkit-tap-highlight-color:#fff0}html,body{margin:0;padding:0;min-height:100vh;font-family:'Cairo',sans-serif;color:var(--text);background:radial-gradient(circle at top right,rgb(103 167 255 / .22),transparent 34%),radial-gradient(circle at bottom left,rgb(247 200 115 / .18),transparent 35%),linear-gradient(160deg,var(--bg2),var(--bg1));overflow-x:hidden}button,input{font-family:'Cairo',sans-serif}form{min-height:100vh}.page{width:100%;max-width:480px;min-height:100vh;margin:0 auto;padding:calc(18px + env(safe-area-inset-top)) 16px 18px;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.portal-title{display:flex;align-items:center;gap:10px;min-width:0}.portal-logo{width:44px;height:44px;border-radius:17px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--gold),#eaa348);color:#17213a;font-size:1rem;font-weight:900;box-shadow:0 14px 28px rgb(247 200 115 / .20);flex:0 0 auto}.portal-text{margin:0;font-size:1rem;font-weight:900;color:#fff;line-height:1.3;white-space:nowrap}.back-btn{height:40px;padding:0 13px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:rgb(255 255 255 / .10);border:1px solid rgb(255 255 255 / .16);color:rgb(255 255 255 / .88);text-decoration:none;font-size:.8rem;font-weight:900;white-space:nowrap}.back-btn:active{transform:scale(.96)}.header{text-align:center;padding:8px 0 18px}.logo{width:62px;height:62px;margin:0 auto 12px;border-radius:24px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--gold),#eaa348);color:#17213a;font-size:1.25rem;font-weight:900;box-shadow:0 16px 34px rgb(247 200 115 / .22)}.title{margin:0;font-size:1.55rem;font-weight:900;line-height:1.35}.subtitle{margin:8px 0 0;color:var(--muted);font-size:.86rem;font-weight:700;line-height:1.8}.switch-box{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}.switch-btn{height:54px;border:1px solid var(--border);border-radius:20px;background:rgb(255 255 255 / .09);color:rgb(255 255 255 / .82);font-size:.92rem;font-weight:900;cursor:pointer}.switch-btn.active{background:var(--gold);color:#17213a;border-color:#fff0;box-shadow:0 14px 28px rgb(247 200 115 / .18)}.card{border-radius:28px;padding:18px;background:linear-gradient(135deg,rgb(255 255 255 / .13),rgb(255 255 255 / .06));border:1px solid var(--border);box-shadow:0 20px 48px rgb(0 0 0 / .24);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.section-title{margin:0 0 14px;font-size:1.12rem;font-weight:900;line-height:1.5}.simple-note{margin:-6px 0 14px;color:var(--muted);font-size:.82rem;font-weight:700;line-height:1.7}.input-main{width:100%;height:56px;border:1px solid rgb(255 255 255 / .15);border-radius:20px;padding:0 15px;outline:none;background:rgb(255 255 255 / .10);color:#fff;font-size:.94rem;font-weight:700}.input-main::placeholder{color:rgb(255 255 255 / .45)}.input-main:focus{border-color:rgb(247 200 115 / .55);box-shadow:0 0 0 4px rgb(247 200 115 / .10)}.main-btn{width:100%;height:56px;margin-top:10px;border:0;border-radius:20px;font-size:.98rem;font-weight:900;cursor:pointer;background:var(--gold);color:#17213a;box-shadow:0 14px 28px rgb(247 200 115 / .18)}.main-btn:active,.small-btn:active,.switch-btn:active{transform:scale(.985)}.green{background:var(--green);color:#102421}.red{background:var(--red);color:#fff}.blue{background:var(--blue);color:#fff}.soft{background:rgb(255 255 255 / .11);color:#fff;border:1px solid rgb(255 255 255 / .14);box-shadow:none}.result-box{margin-top:16px;padding:14px;border-radius:24px;background:rgb(255 255 255 / .09);border:1px solid rgb(255 255 255 / .12);text-align:center}.qr-image{width:230px;max-width:100%;height:auto;display:block;margin:0 auto 14px;padding:10px;border-radius:22px;background:#fff;box-shadow:0 14px 32px rgb(0 0 0 / .22)}.actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.small-btn{height:48px;border:0;border-radius:18px;font-size:.86rem;font-weight:900;cursor:pointer}.reader-box{min-height:250px;overflow:hidden;border-radius:24px;background:rgb(0 0 0 / .22);border:1px dashed rgb(255 255 255 / .26);display:flex;align-items:center;justify-content:center}#reader{width:100%;min-height:250px}#reader video{object-fit:cover!important;border-radius:20px}.scan-result{margin-top:14px}.notice,.server-msg{margin-top:12px;padding:10px 12px;border-radius:16px;background:rgb(255 255 255 / .09);border:1px solid rgb(255 255 255 / .12);color:rgb(255 255 255 / .82);font-size:.82rem;font-weight:800;line-height:1.7;text-align:center}.server-msg:empty{display:none}.hidden{display:none!important}.footer{margin-top:auto;padding:24px 8px 4px;text-align:center}.footer-line1{color:rgb(255 255 255 / .82);font-size:.8rem;font-weight:900;margin-bottom:4px}.footer-line2{color:rgb(255 255 255 / .48);font-size:.74rem;font-weight:700}@media (max-width:360px){.portal-text{font-size:.9rem}.back-btn{height:38px;padding:0 11px;font-size:.76rem}.title{font-size:1.38rem}}@media (max-height:690px){.page{padding-top:14px}.header{padding-bottom:14px}.logo{width:54px;height:54px;border-radius:20px;margin-bottom:10px}.title{font-size:1.45rem}.subtitle{font-size:.82rem}.reader-box,#reader{min-height:220px}}