:root{--blue:#113f6c;--blue2:#0b3157;--olive:#627026;--gold:#ccb203;--ink:#183047;--muted:#6f7c88;--line:#dfe6ec;--bg:#f4f7f9;--white:#fff;--danger:#b84444;--success:#247a55;--shadow:0 24px 80px rgba(17,63,108,.14);--soft:0 10px 34px rgba(17,63,108,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:var(--ink);min-height:100vh;background:radial-gradient(circle at 14% 8%,rgba(204,178,3,.10),transparent 26%),radial-gradient(circle at 86% 4%,rgba(98,112,38,.10),transparent 28%),linear-gradient(155deg,#f8fafb,#eef3f6)}
button,input,textarea,select{font:inherit}button{touch-action:manipulation}a{text-decoration:none;color:inherit}.appbar{height:68px;padding:0 22px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:40;background:rgba(248,250,251,.82);backdrop-filter:blur(24px) saturate(145%);border-bottom:1px solid rgba(220,228,234,.8)}.brand{display:flex;align-items:center;gap:12px;font-weight:800}.brand img{height:38px;max-width:230px}.traffic{display:flex;gap:6px}.traffic i{width:10px;height:10px;border-radius:50%;display:block}.traffic i:nth-child(1){background:#ff5f57}.traffic i:nth-child(2){background:#febc2e}.traffic i:nth-child(3){background:#28c840}.shell{max-width:1220px;margin:0 auto;padding:28px 20px 50px}.mobile{max-width:720px;margin:0 auto}.card{background:rgba(255,255,255,.90);border:1px solid rgba(255,255,255,.96);border-radius:26px;box-shadow:var(--soft);backdrop-filter:blur(20px);padding:24px}.hero{display:grid;grid-template-columns:1.25fr .75fr;gap:18px}.grid{display:grid;gap:16px}.grid2{grid-template-columns:repeat(2,1fr)}.grid4{grid-template-columns:repeat(4,1fr)}h1{font-size:clamp(34px,4.4vw,58px);line-height:1.03;letter-spacing:-2px;margin:10px 0 12px;color:var(--blue)}h2{font-size:25px;letter-spacing:-.6px;margin:0 0 10px;color:var(--blue)}h3{font-size:18px;margin:0}p{color:var(--muted);line-height:1.55}.small{font-size:13px;color:var(--muted)}.badge{display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border-radius:999px;font-size:12px;font-weight:800;background:#e9f1f8;color:var(--blue)}.badge.open{background:#e8f5ee;color:var(--success)}.badge.closed{background:#eef1f3;color:#687581}.badge.prepared{background:#fbf7d9;color:#857500}.badge.review{background:#f3ecfb;color:#7652a7}.dotlive{width:7px;height:7px;background:#38ad74;border-radius:50%;box-shadow:0 0 0 5px rgba(56,173,116,.12)}.nav{display:flex;gap:9px;flex-wrap:wrap}.btn{border:0;border-radius:15px;padding:12px 16px;font-weight:780;cursor:pointer;background:#edf1f4;color:var(--blue);transition:.18s transform,.18s box-shadow,.18s opacity}.btn:hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(17,63,108,.09)}.btn.primary{background:linear-gradient(135deg,var(--blue),#18588f);color:white}.btn.olive{background:linear-gradient(135deg,var(--olive),#7a8938);color:white}.btn.gold{background:linear-gradient(135deg,var(--gold),#b59e00);color:white}.btn.danger{background:#f7eaea;color:var(--danger)}.btn:disabled{opacity:.42;cursor:not-allowed;transform:none}.kpi{padding:20px;border-radius:22px;background:white;border:1px solid var(--line)}.kpi strong{display:block;font-size:38px;letter-spacing:-1.5px;color:var(--blue);margin-top:5px}.stack>*+*{margin-top:13px}label{font-size:13px;font-weight:800;display:block;margin-bottom:7px;color:var(--blue)}input,textarea,select{width:100%;border:1px solid var(--line);border-radius:15px;background:white;padding:13px 14px;outline:none;color:var(--ink)}input:focus,textarea:focus,select:focus{border-color:#7da4c6;box-shadow:0 0 0 4px rgba(17,63,108,.07)}.formrow{display:grid;grid-template-columns:1fr 1fr;gap:13px}.question{padding:19px;border:1px solid var(--line);background:#fff;border-radius:20px}.qhead{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}.qactions{display:flex;gap:8px;flex-wrap:wrap;margin-top:13px}.options{display:grid;gap:10px;margin-top:17px}.option{border:1px solid var(--line);background:white;border-radius:16px;padding:15px 16px;cursor:pointer;display:flex;gap:12px;align-items:center;transition:.16s transform,.16s border,.16s background,.16s box-shadow}.option:hover{transform:translateY(-1px);border-color:#9bb6cd;box-shadow:0 8px 20px rgba(17,63,108,.07)}.option.selected{border:2px solid var(--blue);background:#e9f1f8}.letter{width:30px;height:30px;border-radius:10px;background:#edf2f6;display:grid;place-items:center;font-weight:850;color:var(--blue);flex:0 0 30px}.option.selected .letter{background:var(--blue);color:white}.progress{height:9px;background:#e4e9ed;border-radius:999px;overflow:hidden}.progress>div{height:100%;background:linear-gradient(90deg,var(--blue),var(--olive),var(--gold));transition:width .5s ease}.hr{height:1px;background:var(--line);margin:20px 0}.center{text-align:center}.logo-hero{width:min(270px,72%);height:auto;display:block;margin:0 auto}.intro{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;position:relative;overflow:hidden}.intro-panel{width:min(620px,100%);text-align:center;animation:rise .72s cubic-bezier(.2,.8,.2,1)}.intro-logo{width:min(275px,64vw);margin:0 auto 28px;animation:pop .8s cubic-bezier(.2,.8,.2,1)}.loader{width:180px;height:5px;border-radius:99px;background:#e1e7eb;overflow:hidden;margin:24px auto}.loader span{display:block;height:100%;width:42%;background:linear-gradient(90deg,var(--blue),var(--gold));animation:load 1.5s ease infinite}.native-sheet{max-width:650px;margin:22px auto 0;border-radius:30px;background:rgba(255,255,255,.94);box-shadow:var(--shadow);border:1px solid rgba(255,255,255,.96);padding:25px}.success-icon{width:82px;height:82px;border-radius:50%;background:#e8f5ee;color:var(--success);display:grid;place-items:center;font-size:42px;font-weight:900;margin:8px auto 18px;animation:pop .45s cubic-bezier(.2,.8,.2,1)}.waiting-orb{width:90px;height:90px;border-radius:50%;margin:24px auto;background:conic-gradient(from 10deg,var(--blue),var(--gold),var(--olive),var(--blue));position:relative;animation:spin 2.6s linear infinite}.waiting-orb:after{content:"";position:absolute;inset:9px;border-radius:50%;background:white}.review-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.locked{opacity:.78;background:#f7f9fa}.lockpill{display:inline-flex;align-items:center;gap:6px;color:var(--success);font-size:13px;font-weight:800}.stars{display:flex;justify-content:center;gap:9px;margin:18px 0}.star{width:56px;height:56px;border-radius:18px;border:1px solid var(--line);background:white;color:#a3adb5;font-size:25px;cursor:pointer;transition:.16s}.star.active,.star:hover{transform:translateY(-2px);background:#fbf7d9;color:#a28f00;border-color:#dfcf5d}.screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:34px}.stage{width:min(1280px,96vw);min-height:76vh;padding:48px;background:rgba(255,255,255,.95);border-radius:34px;box-shadow:var(--shadow);display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.stage:before{content:"";position:absolute;top:0;left:0;right:0;height:8px;background:linear-gradient(90deg,var(--blue),var(--gold),var(--olive))}.stage-logo{position:absolute;top:28px;left:34px;height:52px;max-width:260px}.big-number{font-size:94px;line-height:1;font-weight:850;letter-spacing:-4px;color:var(--blue)}.chart{display:grid;gap:17px;margin-top:24px}.barrow{display:grid;grid-template-columns:minmax(190px,310px) 1fr 74px;gap:14px;align-items:center}.bar{height:22px;border-radius:999px;background:#e7ecef;overflow:hidden}.bar>div{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--blue),#256eaa);transition:width .5s ease}.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%) translateY(20px);background:rgba(17,63,108,.96);color:white;padding:12px 18px;border-radius:16px;box-shadow:var(--shadow);opacity:0;pointer-events:none;transition:.22s;z-index:100}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
#liquidCanvas{position:fixed;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none;opacity:.7}.confetti{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:9999}.confetti i{position:absolute;top:-20px;width:10px;height:18px;border-radius:3px;animation:fall linear forwards}.fade-out{animation:fadeout .7s ease forwards}.soft-enter{animation:rise .55s cubic-bezier(.2,.8,.2,1)}.recovery{margin-top:14px;text-align:center}.recovery button{background:none;border:0;color:var(--blue);font-weight:750;cursor:pointer}.codebox{font-size:28px;letter-spacing:6px;font-weight:850;color:var(--blue);padding:10px 16px;border-radius:16px;background:#eef3f6;display:inline-block}.warning{padding:14px 16px;border-radius:15px;background:#fbf7d9;color:#776900;font-size:14px}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes rise{from{opacity:0;transform:translateY(16px) scale(.985)}to{opacity:1;transform:none}}@keyframes pop{0%{transform:scale(.72);opacity:0}72%{transform:scale(1.07)}100%{transform:scale(1);opacity:1}}@keyframes load{0%{transform:translateX(-110%)}100%{transform:translateX(360%)}}@keyframes fadeout{to{opacity:0;transform:scale(.985)}}@keyframes fall{to{transform:translate3d(var(--drift),110vh,0) rotate(760deg);opacity:.9}}
@media(max-width:880px){.hero,.grid4,.grid2,.formrow{grid-template-columns:1fr}.shell{padding:16px 14px 42px}.card{border-radius:22px;padding:20px}.appbar{height:62px;padding:0 14px}.brand img{height:31px}.barrow{grid-template-columns:110px 1fr 52px}.stage{padding:34px 24px}.stage-logo{height:38px;top:20px;left:20px}.big-number{font-size:64px}.star{width:50px;height:50px}h1{letter-spacing:-1.25px}}

.privacy-note{margin-top:14px;text-align:center}.privacy-note a{color:var(--blue);font-weight:750;text-decoration:underline}
.participant-table{display:grid;gap:10px;margin-top:18px}.participant-row{display:grid;grid-template-columns:2fr auto 150px 80px;gap:14px;align-items:center;padding:14px;border:1px solid var(--line);border-radius:16px;background:#fff}
@media(max-width:880px){.participant-row{grid-template-columns:1fr 1fr}}

.admin-event-title{font-size:clamp(25px,2.5vw,38px);line-height:1.1;letter-spacing:-.8px}

.institutional-footer{margin:26px auto 8px;text-align:center;font-size:12px;line-height:1.5;color:var(--muted);opacity:.88}
.institutional-footer b{color:var(--blue)}
.screen-credit{position:fixed;right:28px;bottom:14px;font-size:12px;color:var(--muted);opacity:.8;z-index:20}
