html{scroll-behavior:smooth;min-width:320px;min-height:100%}body{min-width:320px;min-height:100vh;margin:0}#root{min-height:100vh}:root{color:#f4f7ff;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#070d1c;font-family:Inter,Segoe UI,Arial,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input{font:inherit}button{cursor:pointer}.page{background:radial-gradient(at 15% 12%,#10265b 0%,#0000 35%),radial-gradient(at 90% 55%,#0a2443 0%,#0000 38%),#070d1c;min-height:100vh;position:relative;overflow:hidden}.background-glow{filter:blur(100px);opacity:.18;pointer-events:none;border-radius:50%;width:350px;height:350px;position:absolute}.glow-one{background:#158cff;top:100px;left:-180px}.glow-two{background:#00c8ff;bottom:15%;right:-180px}.page-content{z-index:1;max-width:1080px;margin:0 auto;padding:24px;position:relative}.site-header{border-bottom:1px solid #24314c;justify-content:space-between;align-items:center;gap:16px;padding-bottom:22px;display:flex}.brand{align-items:center;gap:12px;display:flex}.brand-symbol{color:#66e8ff;background:#0c2943;border:1px solid #38d9ff;border-radius:12px;place-items:center;width:44px;height:44px;font-size:21px;font-weight:900;display:grid}.brand strong{letter-spacing:1px;font-size:17px;display:block}.brand small{color:#8799b8;letter-spacing:1.3px;margin-top:4px;font-size:9px;display:block}.header-tag{color:#75dfff;letter-spacing:1px;border:1px solid #2d526f;border-radius:30px;padding:9px 13px;font-size:11px;font-weight:800}.intro{text-align:center;max-width:680px;margin:70px auto 38px}.eyebrow{color:#74e5ff;letter-spacing:2px;align-items:center;gap:9px;font-size:11px;font-weight:800;display:inline-flex}.status-dot{background:#4be6d1;border-radius:50%;width:8px;height:8px;box-shadow:0 0 12px #4be6d1}.intro h1{letter-spacing:-2px;margin:20px 0 15px;font-size:clamp(38px,8vw,70px);font-weight:900;line-height:1.08}.intro h1 span{color:#54dfff}.intro>p{color:#a5b5ce;max-width:520px;margin:0 auto;font-size:15px;line-height:1.8}.stats{justify-content:center;align-items:center;gap:32px;margin-top:36px;display:flex}.stats>div:not(.stats-divider){flex-direction:column;gap:6px;display:flex}.stats strong{color:#f4f7ff;font-size:30px;font-weight:900}.stats span{color:#94a6c3;font-size:12px}.stats-divider{background:#2b3c59;width:1px;height:42px}.registration-card{background:#0d182df5;border:1px solid #29405d;border-radius:22px;max-width:530px;margin:0 auto;padding:34px;box-shadow:0 25px 70px #00000040}.step-label{color:#5cdeff;letter-spacing:1.5px;font-size:11px;font-weight:800}.card-heading h2{margin:12px 0 10px;font-size:26px}.card-heading p{color:#a5b5ce;margin:0 0 28px;font-size:13px;line-height:1.8}.field{flex-direction:column;gap:9px;margin-bottom:20px;display:flex}.field label{color:#e7eefc;font-size:13px;font-weight:700}.field input{color:#fff;background:#0a1427;border:1px solid #34435d;border-radius:10px;outline:none;width:100%;height:48px;padding:0 15px;font-size:14px}.field input::placeholder{color:#64748b}.field input:focus{border-color:#40d5ff;box-shadow:0 0 0 3px #40d5ff1f}.field-error{color:#ff9ca8;font-size:12px}.notice{background:#0b263d;border:1px solid #234b67;border-radius:10px;gap:11px;padding:13px;display:flex}.notice-icon{color:#a8edff;background:#225d7a;border-radius:50%;flex-shrink:0;place-items:center;width:20px;height:20px;font-size:12px;font-weight:900;display:grid}.notice p{color:#b3c8dc;margin:0;font-size:12px;line-height:1.7}.primary-button{color:#041323;letter-spacing:.5px;background:linear-gradient(100deg,#26b7ff,#49e2f1);border:0;border-radius:10px;justify-content:center;align-items:center;gap:12px;width:100%;min-height:50px;margin-top:22px;padding:12px;font-size:13px;font-weight:900;display:flex}.primary-button:hover:not(:disabled){filter:brightness(1.08)}.primary-button:disabled{cursor:not-allowed;opacity:.5}.primary-button span{font-size:21px}.dashboard-welcome{text-align:center;margin:55px 0 30px}.dashboard-welcome h1{margin:15px 0;font-size:clamp(30px,6vw,52px);line-height:1.2}.dashboard-welcome h1 span{color:#54dfff;overflow-wrap:anywhere}.dashboard-welcome>p{color:#a5b5ce;max-width:550px;margin:0 auto;font-size:14px;line-height:1.8}.dashboard-card{background:#0d182df5;border:1px solid #29405d;border-radius:20px;padding:30px}.dashboard-card-header{justify-content:space-between;align-items:center;gap:15px;display:flex}.dashboard-card-header h2{overflow-wrap:anywhere;margin:10px 0 8px;font-size:23px}.dashboard-card-header p{color:#a5b5ce;overflow-wrap:anywhere;margin:0;font-size:13px}.secondary-button{color:#83e5ff;background:#102a43;border:1px solid #3a6885;border-radius:9px;flex-shrink:0;padding:10px 16px;font-size:12px;font-weight:700}.secondary-button:hover{background:#173b59}.progress-section{border-top:1px solid #263954;margin-top:30px;padding-top:25px}.progress-header{justify-content:space-between;align-items:center;gap:20px;display:flex}.progress-header h3{margin:0 0 8px;font-size:17px}.progress-header p{color:#a5b5ce;margin:0;font-size:12px}.progress-header>strong{color:#54dfff;font-size:32px}.progress-track{background:#263852;border-radius:30px;width:100%;height:12px;margin-top:22px;overflow:hidden}.progress-fill{border-radius:inherit;background:linear-gradient(90deg,#19aaff,#43e6ce);height:100%;transition:width .3s}.booths-section{margin-top:45px}.section-heading{justify-content:space-between;align-items:end;gap:15px;margin-bottom:22px;display:flex}.section-heading h2{margin:9px 0 0;font-size:26px}.booth-count{color:#8fa8c6;letter-spacing:1px;font-size:11px;font-weight:800}.booth-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.booth-card{text-align:center;background:#0d1a30;border:1px solid #2c405d;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:185px;padding:20px 12px;display:flex}.booth-card.completed{background:#0b292b;border-color:#168b76}.booth-icon{color:#6bddff;background:#102b45;border:1px solid #355a78;border-radius:15px;place-items:center;width:55px;height:55px;font-size:21px;font-weight:900;display:grid}.booth-card.completed .booth-icon{color:#71f2c8;background:#124b43;border-color:#1baf8c}.booth-card h3{margin:0;font-size:14px}.booth-status{border-radius:30px;padding:7px 11px;font-size:11px;font-weight:700}.status-pending{color:#a6b6cc;background:#24334a}.status-done{color:#79f2c9;background:#124b43}.action-panel{text-align:center;background:#0d1a30;border:1px solid #29405d;border-radius:20px;max-width:570px;margin:45px auto 0;padding:30px}.action-panel h2{margin:0 0 12px;font-size:23px}.action-panel>p{color:#a5b5ce;font-size:13px;line-height:1.8}.action-panel .primary-button{margin-top:25px}.outline-button{color:#83e5ff;background:0 0;border:1px solid #3a6885;border-radius:10px;width:100%;min-height:48px;margin-top:13px;padding:12px;font-size:12px;font-weight:800}.outline-button:disabled{opacity:.4;cursor:not-allowed}.action-note{margin-top:16px;color:#8095b3!important;font-size:11px!important}.site-footer{text-align:center;flex-direction:column;align-items:center;gap:8px;padding:50px 0 20px;display:flex}.site-footer strong{color:#62dcff;letter-spacing:2px;font-size:13px}.site-footer span,.site-footer small{color:#7285a3;letter-spacing:1px;font-size:10px}@media (width<=800px){.booth-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.page-content{padding:16px}.brand strong{font-size:14px}.brand small{font-size:8px}.header-tag{padding:8px;font-size:9px}.intro{margin-top:55px}.intro h1{letter-spacing:-1px}.intro>p{font-size:13px}.eyebrow{letter-spacing:1px;font-size:9px}.stats{gap:18px}.stats strong{font-size:25px}.stats span{font-size:10px}.registration-card{border-radius:16px;padding:24px 18px}.card-heading h2{font-size:23px}.dashboard-welcome{margin-top:40px}.dashboard-card{padding:22px 17px}.dashboard-card-header{align-items:flex-start}.dashboard-card-header h2{font-size:19px}.secondary-button{padding:9px 11px;font-size:11px}.progress-header>strong{font-size:27px}.section-heading h2{font-size:21px}.booth-grid{gap:10px}.booth-card{min-height:160px;padding:15px 8px}.booth-card h3{font-size:12px}.booth-status{font-size:10px}.action-panel{padding:23px 17px}}.qr-overlay{z-index:9999;background:#010713e0;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.qr-modal{color:#f4f7ff;background:#0d1a30;border:1px solid #335875;border-radius:18px;width:min(100%,480px);max-height:92vh;padding:22px;overflow-y:auto}.qr-modal-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.qr-modal h2{margin:0;font-size:20px}.qr-modal p{color:#b4c5dc;font-size:13px;line-height:1.6}.qr-reader{color:#111;background:#fff;border-radius:12px;width:100%;overflow:hidden}.qr-reader video{max-width:100%}.qr-error{color:#ffb3bb!important}.qr-help{text-align:center}.qr-message{background:#10333d;border:1px solid #2a8b93;border-radius:9px;margin-top:16px;padding:12px;color:#9af5e9!important}