:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial,sans-serif;color:#182230;background:#eef3f8}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:#eef3f8}button,input,textarea,select{font:inherit}.app{min-height:100vh}header{padding:14px 5%;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(90deg,#214f82,#2d7d57);color:#fff}.brand{display:flex;align-items:center;gap:12px;min-width:0}.brandLogo{width:58px;height:58px;object-fit:contain;object-position:center;display:block;flex:0 0 58px}.brandCopy{display:flex;flex-direction:column;justify-content:center;min-width:0}.brand b{display:block;font-size:20px;line-height:1.08;color:#17243a;white-space:nowrap}.brand small{display:block;font-size:12px;line-height:1.25;color:#5b6879;margin-top:4px;white-space:nowrap}.ghost{background:#ffffff1f;color:#fff;border:1px solid #ffffff70;border-radius:10px;padding:10px 16px;cursor:pointer}header .brand b,header .brand small{color:#fff}footer{background:#17365d;color:#fff;text-align:center;padding:16px;margin-top:30px}.authShell{min-height:100vh;display:grid;grid-template-columns:1.08fr .92fr;background:#fff}.authVisual{position:relative;padding:34px 5.5%;overflow:hidden;background:linear-gradient(145deg,#f8fbff,#f0f6ff 58%,#edf8f2);display:flex;flex-direction:column}.authVisual:after{content:"";position:absolute;width:560px;height:560px;border-radius:50%;background:#d7e8ff88;left:-210px;bottom:-300px}.authVisual .brand{position:relative;z-index:3}.visualCopy{position:relative;z-index:3;margin-top:auto;margin-bottom:28px;max-width:560px}.visualCopy h1{font-size:clamp(44px,5vw,72px);line-height:.98;color:#17365d;margin:14px 0}.visualCopy p{font-size:18px;color:#5b6b7f;max-width:500px}.eyebrow{display:inline-block;font-size:12px;font-weight:900;letter-spacing:.08em;color:#2d7d57;background:#e7f7ef;border-radius:999px;padding:8px 12px}.eyebrow.blue{background:#e9f1fb;color:#3f6fa7}.visualArt{position:relative;z-index:2;flex:1;min-height:360px;display:grid;place-items:center;padding:8px 0 18px}.heroVisual{position:relative;width:min(650px,94%);height:330px;border-radius:34px;background:linear-gradient(145deg,#eff7ff,#f8fbff 48%,#eef9f4);border:1px solid #dfe9f2;box-shadow:0 26px 70px #1d4a7824;overflow:hidden}.heroGlow{position:absolute;border-radius:50%;filter:blur(2px);opacity:.8}.heroGlowA{width:300px;height:300px;background:#d7e9ff;left:-90px;bottom:-170px}.heroGlowB{width:250px;height:250px;background:#daf1e2;right:-90px;top:-140px}.heroMonitor{position:absolute;left:50%;top:52%;width:360px;height:220px;transform:translate(-50%,-50%);border-radius:25px;background:linear-gradient(145deg,#1b4f82,#4f8fc7);padding:18px;box-shadow:0 22px 45px #17365d45}.monitorTop{height:20px;display:flex;gap:7px;align-items:center}.dot{width:9px;height:9px;border-radius:50%;display:block}.dot.red{background:#f56565}.dot.yellow{background:#f6c851}.dot.green{background:#55b97a}.monitorContent{height:150px;border-radius:16px;background:#fdfefe;padding:18px 22px}.quizTag{display:inline-block;font-size:11px;font-weight:900;letter-spacing:.12em;color:#2d7d57;background:#e8f6ef;border-radius:999px;padding:6px 9px}.quizQuestion{font-size:22px;line-height:1.12;font-weight:900;color:#17365d;margin-top:13px;max-width:245px}.answerBars{display:flex;gap:8px;margin-top:16px}.answerBars i{display:block;height:9px;border-radius:99px;background:#d9e5f1}.answerBars i:nth-child(1){width:70px}.answerBars i:nth-child(2){width:54px}.answerBars i:nth-child(3){width:42px}.monitorStand{position:absolute;left:50%;bottom:-36px;width:118px;height:48px;transform:translate(-50%);background:linear-gradient(#305e8e,#21476e);clip-path:polygon(28% 0,72% 0,88% 72%,100% 72%,100% 100%,0 100%,0 72%,12% 72%)}.heroCard{position:absolute;background:#fff;border:1px solid #e0e8f0;border-radius:18px;box-shadow:0 15px 30px #1d4a781f}.heroCardScore{left:30px;bottom:28px;width:135px;padding:14px 16px}.heroCardScore .miniLabel{font-size:9px;font-weight:900;letter-spacing:.09em;color:#6f7e8f}.heroCardScore strong{display:block;font-size:38px;line-height:1;color:#2d7d57;margin-top:4px}.heroCardScore small{font-size:11px;color:#6b7280}.heroCardTimer{right:28px;top:24px;width:124px;padding:12px 14px;display:flex;align-items:center;gap:9px}.heroCardTimer svg{width:30px;height:30px;fill:none;stroke:#2f6fa8;stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round}.heroCardTimer b{color:#17365d;font-size:18px}.heroCardReward{right:28px;bottom:25px;width:155px;padding:12px 14px;display:flex;align-items:center;gap:10px}.heroCardReward svg{width:38px;height:38px;fill:none;stroke:#d99a25;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.heroCardReward b,.heroCardReward small{display:block}.heroCardReward b{font-size:15px;color:#17365d}.heroCardReward small{font-size:12px;color:#697586;margin-top:2px}.heroChip{position:absolute;left:25px;top:26px;background:#17365d;color:#fff;border-radius:999px;padding:9px 13px;font-size:11px;font-weight:900;letter-spacing:.1em}.heroSpark{position:absolute;width:12px;height:12px;background:#64a8dc;transform:rotate(45deg);border-radius:3px}.heroSpark.s1{left:180px;top:35px}.heroSpark.s2{right:190px;bottom:35px;background:#6bbb83}.heroSpark.s3{left:185px;bottom:58px;background:#f2b94b;width:9px;height:9px}.authPanel{position:relative;display:flex;align-items:center;justify-content:center;padding:50px 8%;background:#fff}.authPanelInner{width:min(460px,100%)}.authPanelInner h2{font-size:40px;margin:0 0 10px;color:#111827}.authPanelInner.form h2{font-size:34px}.muted{color:#6b7280}.big{width:100%;padding:15px 18px;margin-top:12px;border-radius:14px}.primary{background:#5d8fca;color:#fff;border:0;border-radius:12px;padding:12px 18px;font-weight:800;cursor:pointer}.outline{background:#fff;color:#315f96;border:2px solid #82a8d3;font-weight:800;cursor:pointer}.miniInfo{display:flex;gap:15px;flex-wrap:wrap;margin-top:22px;color:#60748b;font-size:13px}.backBtn{position:absolute;left:30px;top:26px;width:46px;height:46px;border:0;border-radius:50%;background:#eef4fb;color:#315f96;font-size:25px;cursor:pointer}.field{margin:14px 0}.field label{display:block;font-size:14px;color:#536273;margin-bottom:7px}.field input{width:100%;padding:14px 15px;border:1px solid #cad4df;border-radius:12px;background:#fff;outline:0}.field input:focus{border-color:#6c98cd;box-shadow:0 0 0 4px #6c98cd18}.privacy{display:flex;gap:8px;font-size:12px;color:#6b7280;align-items:flex-start}.privacy input{margin-top:3px}.switchText{text-align:center;color:#5d6775}.linkBtn{border:0;background:none;color:#3e72af;font-weight:800;cursor:pointer}.err{background:#fff1f0;color:#b42318;padding:10px 12px;border-radius:10px}.credential{display:grid;gap:5px;padding:20px;border-radius:16px;background:#f1f7ff}.credential span{font-size:12px;color:#667085}.credential strong{font-size:30px;color:#295d97}.participantShell{min-height:100vh;display:grid;grid-template-columns:220px 1fr;background:#fff}.sideNav{margin:28px 0 28px 28px;border-radius:28px;background:#6697ce;color:#fff;padding:24px 14px;display:flex;flex-direction:column;gap:10px;box-shadow:0 12px 30px #17365d20;min-height:calc(100vh - 56px);position:sticky;top:28px}.sideNav button{display:flex;align-items:center;gap:12px;border:0;background:transparent;color:#fff;padding:13px 12px;border-radius:12px;font-size:18px;cursor:pointer;text-align:left}.sideNav button span{font-size:15px;font-weight:700}.sideNav button:hover,.sideNav button.active{background:#ffffff20}.logoutNav{margin-top:auto!important}.participantMain{padding:26px 4% 50px}.participantTop{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.participantTop .brand small{color:#6b7280}.userDot{font-size:26px;color:#111}.quizPage{max-width:1100px;margin:30px auto}.pageHead h1{font-size:42px;margin:5px 0}.quizGrid{display:grid;grid-template-columns:repeat(2,minmax(260px,1fr));gap:28px;margin-top:30px}.quizCard{border:1.5px solid #29313a;border-radius:22px;padding:28px;background:#fff;box-shadow:0 6px #0000000a}.quizIcon{width:45px;height:45px;background:#eaf3ff;border-radius:13px;display:grid;place-items:center;color:#4c7fb8;font-size:22px}.quizCard h3{font-size:28px;margin:18px 0 8px}.quizCard p{color:#687686;min-height:42px}.quizMeta{display:flex;gap:18px;color:#485668;font-weight:700;font-size:14px;margin:18px 0}.darkBtn{width:100%;background:#050505;color:#fff;border:0;border-radius:16px;padding:14px 20px;font-weight:800;cursor:pointer}.emptyState{padding:50px;border:2px dashed #d5dde7;border-radius:20px;color:#778495;text-align:center}.modalBack{position:fixed;top:0;right:0;bottom:0;left:0;background:#13253d55;display:grid;place-items:center;z-index:50;padding:20px}.confirmModal{width:min(520px,92vw);background:#fff;border:1px solid #222;border-radius:20px;padding:35px;text-align:center;box-shadow:0 25px 70px #0004}.confirmModal h3{font-size:28px;margin:0 0 8px}.confirmModal p{color:#697586}.confirmModal>div{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:28px}.dangerBtn,.successBtn{border:0;border-radius:14px;padding:14px;color:#fff;font-weight:800;cursor:pointer}.dangerBtn{background:#df382d}.successBtn{background:#59aa58}.examCard{max-width:1180px;margin:20px auto;border:1.5px solid #2f3337;border-radius:24px;padding:28px;background:#fff;min-height:72vh;display:flex;flex-direction:column}.examTop{display:flex;justify-content:space-between;align-items:flex-start}.qLabel{display:block;font-size:30px;font-weight:900}.examTop small{color:#7b8793}.timer{font-size:34px;font-weight:900;color:#111}.timer.danger{color:#d92d20}.questionBody{padding:26px 0;flex:1}.questionBody h2{font-size:26px;line-height:1.35}.answerGrid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:22px}.answerOption{border:1.5px solid #cfd7e0;border-radius:16px;padding:15px;display:flex;gap:12px;align-items:center;cursor:pointer}.answerOption input{display:none}.answerOption.selected{border-color:#6d9ed3;background:#eef6ff;box-shadow:0 0 0 3px #6d9ed31f}.letter{width:34px;height:34px;border-radius:50%;border:1px solid #8795a5;display:grid;place-items:center;font-weight:900}.examFooter{display:grid;grid-template-columns:130px 1fr 130px;gap:20px;align-items:center}.softBtn{border:0;background:#6d9ed3;color:#fff;border-radius:12px;padding:12px 16px;font-weight:800}.softBtn:disabled{opacity:.35}.numberGrid{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.numberGrid button{width:40px;height:40px;border-radius:10px;border:1px solid #c9d2dc;background:#fff;cursor:pointer}.numberGrid button.current{border-color:#111;font-weight:900}.numberGrid button.answered{background:#dcecff;border-color:#6d9ed3}.resultPanel{width:min(540px,90%);margin:75px auto;background:#fff;border:1.5px solid #333;border-radius:24px;padding:42px;text-align:center;box-shadow:0 6px #0001}.resultLabel{font-size:25px}.score{font-size:110px;line-height:1;font-weight:900;color:#111;margin:18px 0}.claimbox{background:#edf9f2;color:#26734a;padding:15px;border-radius:13px;margin:18px 0;font-weight:800}.card{width:min(1100px,92%);margin:36px auto;background:#fff;border-radius:20px;padding:28px;box-shadow:0 16px 40px #17365d18}.admin{width:min(1200px,96%)}.adminhead{display:flex;justify-content:space-between;align-items:center}.tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:16px}.tabs button{border:0;border-radius:10px;padding:10px 16px;background:#e9f1f8;color:#17415e;font-weight:800}.tabs button.active{background:#08794d;color:#fff}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}input,textarea,select{width:100%;padding:13px 14px;margin:7px 0;border:1px solid #cfd9e5;border-radius:12px;font-size:16px;background:#fff}textarea{min-height:90px;resize:vertical}.optionedit{display:grid;grid-template-columns:1fr 100px;gap:8px;align-items:center}.optionedit label{display:flex;align-items:center;gap:6px}.optionedit label input{width:auto}.list{margin-top:20px}.row{display:flex;justify-content:space-between;gap:20px;padding:12px;border-bottom:1px solid #eee}.row span{color:#667085}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:700px}th,td{padding:12px;border-bottom:1px solid #eee;text-align:left}th{background:#f8fafc}.admin button{background:#0a67d8;color:#fff;border:0;border-radius:10px;padding:11px 16px;font-weight:800;cursor:pointer}@media (max-width:1100px){.heroVisual{height:300px}.heroMonitor{width:320px;height:205px}.heroCardScore{left:16px}.heroCardTimer,.heroCardReward{right:16px}}@media (max-width:900px){.authShell{grid-template-columns:1fr}.authVisual{min-height:420px;padding:24px}.visualArt{min-height:260px}.heroVisual{height:245px;max-width:620px}.heroMonitor{width:285px;height:182px;padding:14px}.monitorContent{height:124px;padding:13px 16px}.quizQuestion{font-size:18px}.heroCardScore{transform:scale(.88);transform-origin:left bottom}.heroCardTimer,.heroCardReward{transform:scale(.88);transform-origin:right center}.visualCopy{margin-top:20px}.authPanel{padding:55px 24px}.participantShell{grid-template-columns:1fr}.sideNav{position:fixed;left:12px;right:12px;bottom:12px;top:auto;margin:0;z-index:40;min-height:auto;display:grid;grid-template-columns:repeat(4,1fr);padding:8px;border-radius:18px}.sideNav button{justify-content:center;padding:10px}.sideNav button span{display:none}.logoutNav{margin-top:0!important}.participantMain{padding-bottom:90px}.quizGrid,.answerGrid,.examFooter{grid-template-columns:1fr}.numberGrid{order:-1}.participantTop .brand small{display:none}}@media (max-width:640px){.authPanelInner h2{font-size:32px}.visualCopy h1{font-size:48px}.brandLogo{width:46px;height:46px;flex-basis:46px}.brand b{font-size:18px}.heroVisual{height:225px}.heroMonitor{width:250px;height:162px}.monitorContent{height:106px}.quizQuestion{font-size:16px}.heroCardScore{left:8px;bottom:10px;transform:scale(.72)}.heroCardTimer{right:8px;top:8px;transform:scale(.72)}.heroCardReward{right:8px;bottom:8px;transform:scale(.72)}.heroChip{left:10px;top:12px;font-size:9px}.pageHead h1{font-size:34px}.quizCard h3{font-size:24px}.examCard{padding:18px;border-radius:18px}.timer{font-size:27px}.qLabel{font-size:25px}.questionBody h2{font-size:21px}.score{font-size:86px}.grid2{grid-template-columns:1fr}.row{flex-direction:column;gap:4px}}@media (max-width:520px){.brand small,.brand b{white-space:normal}.brandLogo{width:44px;height:44px;flex-basis:44px}}.adminTopbar{background:linear-gradient(90deg,#fff,#f7fbff 55%,#edf8f2);color:#17243a;border-bottom:1px solid #dfe7ef;box-shadow:0 4px 18px #1b375612}.adminTopbar .brand b{color:#17243a}.adminTopbar .brand small{color:#64748b}.adminExit{background:#fff;color:#25466f;border:1px solid #a9bdd1}.adminExit:hover{background:#f1f6fb}.adminNotice{margin:14px 0 18px;padding:12px 14px;border:1px solid #cfe0ef;border-radius:10px;background:#f6faff;color:#42566d;line-height:1.45}.pinBadge{display:inline-block;min-width:72px;padding:6px 10px;border-radius:8px;background:#eef5ff;color:#173f70;font-weight:800;letter-spacing:.08em;text-align:center}.smallBtn,.claimBtn{border:0;border-radius:8px;padding:7px 11px;font-weight:700;cursor:pointer}.smallBtn{background:#edf2f7;color:#2b4a6a;border:1px solid #cbd8e5}.smallBtn:hover{background:#e3ebf4}.claimBtn{background:#2f7d57;color:#fff}.claimBtn:hover{background:#286b4b}.statusClaimed{font-weight:700;color:#2f7d57}.rewardRow{display:flex;align-items:center;justify-content:space-between;gap:18px}.rewardRow>div{display:flex;flex-direction:column;gap:5px}.rewardMeta{color:#667085;font-size:.95rem}.deleteBtn{flex:0 0 auto;border:1px solid #e2a3a3;background:#fff6f6;color:#b42318;border-radius:9px;padding:8px 13px;font-weight:800;cursor:pointer}.deleteBtn:hover{background:#fee4e2;border-color:#d92d20}