:root{--ink:#10223a;--muted:#607086;--brand:#0b5d56;--brand2:#143d73;--soft:#f3f7fb;--line:#dfe7ef;--warning:#ffc83d}*{box-sizing:border-box}body{min-height:100vh;background:#f8fbfd;color:var(--ink);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.app-navbar{background:linear-gradient(90deg,var(--brand),var(--brand2));box-shadow:0 10px 30px rgba(10,37,64,.18)}.brand-dot{display:inline-block;width:12px;height:12px;border-radius:50%;background:var(--warning);margin-right:9px}.page-wrap{min-height:calc(100vh - 160px)}.hero{background:radial-gradient(circle at top left,rgba(255,200,61,.25),transparent 28%),linear-gradient(135deg,#083f3a,#173b70);color:#fff;border-radius:28px;padding:48px 34px;overflow:hidden;position:relative}.hero:after{content:"लोकसेवा";position:absolute;right:-20px;bottom:-42px;font-weight:900;font-size:120px;opacity:.08}.hero h1{font-size:clamp(2rem,5vw,4.2rem);line-height:1.05;font-weight:850;letter-spacing:-.04em}.hero p{max-width:760px;color:#dceaf6}.glass-card,.app-card{background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:0 18px 50px rgba(20,61,115,.08)}.glass-card{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.25);color:#fff}.badge-soft{background:#e8f5f3;color:var(--brand);border:1px solid #c7e8e3}.course-card{height:100%;transition:.2s transform,.2s box-shadow}.course-card:hover{transform:translateY(-4px);box-shadow:0 20px 55px rgba(20,61,115,.15)}.course-thumb{height:160px;border-radius:18px;background:linear-gradient(135deg,#e8f5f3,#e9effb);display:flex;align-items:center;justify-content:center;color:var(--brand2);font-size:2.4rem}.stat{border-radius:20px;padding:22px;background:#fff;border:1px solid var(--line)}.stat .num{font-size:2rem;font-weight:800}.lesson-item{border:1px solid var(--line);border-radius:16px;padding:14px;background:#fff}.quiz-option{border:1px solid var(--line);border-radius:15px;padding:12px;margin-bottom:10px;background:#fff}.secure-note{border-left:4px solid var(--brand);background:#eef8f6;padding:12px 14px;border-radius:12px}.form-control,.form-select{border-radius:14px;padding:11px 14px}.btn{border-radius:14px}.btn-brand{background:var(--brand);border-color:var(--brand);color:#fff}.btn-brand:hover{background:#084a45;border-color:#084a45;color:#fff}.footer{background:#0b1727;color:#d7e1ec}.table{vertical-align:middle}.mobile-stack{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}@media(max-width:768px){.hero{padding:34px 22px;border-radius:20px}.mobile-stack{grid-template-columns:1fr}.navbar .btn{width:100%;margin-top:6px}.course-thumb{height:120px}.table-responsive-card table,.table-responsive-card thead,.table-responsive-card tbody,.table-responsive-card th,.table-responsive-card td,.table-responsive-card tr{display:block}.table-responsive-card thead{display:none}.table-responsive-card tr{border:1px solid var(--line);border-radius:16px;padding:10px;margin-bottom:12px;background:#fff}.table-responsive-card td{border:0;display:flex;justify-content:space-between;gap:10px}.table-responsive-card td:before{content:attr(data-label);font-weight:700;color:var(--muted)}}

/* Integrated LoksewaHall mobile app, MCQ and security additions */
.feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.feature-tile{border:1px solid var(--line);border-radius:18px;background:#fff;padding:16px;min-height:120px}.feature-tile i{font-size:1.5rem;color:var(--brand2)}.class-card,.library-card,.notification-card{border:1px solid var(--line);border-radius:18px;background:#fff;padding:16px}.sticky-timer{position:sticky;top:82px;z-index:20;border-radius:18px;background:#0b1727;color:#fff;padding:14px 18px;box-shadow:0 12px 28px rgba(0,0,0,.15)}.timer-danger{color:#ffcf40;font-weight:900}.leaderboard-rank{width:38px;height:38px;border-radius:50%;display:inline-grid;place-items:center;background:#e8f5f3;color:var(--brand);font-weight:800}.protected-shell{position:relative;user-select:none}.dynamic-watermark{position:fixed;inset:0;z-index:9999;pointer-events:none;overflow:hidden;opacity:.16}.dynamic-watermark span{position:absolute;transform:rotate(-25deg);font-size:13px;font-weight:800;color:#10223a;white-space:nowrap}.privacy-mask main{filter:blur(12px)}.mobile-bottom-nav{display:none}.admin-menu{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.admin-menu .btn{border-radius:999px}.payment-proof{max-width:120px;max-height:120px;object-fit:cover;border-radius:12px;border:1px solid var(--line)}.support-status-open{background:#fff3cd}.support-status-resolved,.support-status-closed{background:#d1e7dd}.question-review{border-left:4px solid var(--brand2);background:#f4f7fb;border-radius:12px;padding:12px}.option-correct{border-color:#198754;background:#e9f7ef}.option-wrong{border-color:#dc3545;background:#fdecec}.watermark-box{position:relative;overflow:hidden}.watermark-box:after{content:attr(data-watermark);position:absolute;left:20px;right:20px;top:45%;transform:rotate(-18deg);font-weight:900;font-size:clamp(18px,3vw,42px);color:rgba(16,34,58,.12);pointer-events:none;white-space:nowrap}.nepali-date{font-size:2rem;font-weight:850;color:var(--brand)}
@media(max-width:992px){.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.auth-actions{align-items:stretch!important}.auth-actions .btn{width:100%}}
@media(max-width:768px){body{padding-bottom:70px}.feature-grid{grid-template-columns:1fr}.mobile-bottom-nav{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;z-index:1030;background:#fff;border-top:1px solid var(--line);box-shadow:0 -8px 28px rgba(20,61,115,.12)}.mobile-bottom-nav a{text-decoration:none;color:var(--muted);padding:9px 4px 7px;text-align:center;font-size:11px}.mobile-bottom-nav i{display:block;font-size:18px;color:var(--brand)}.footer{display:none}.sticky-timer{top:70px}.dynamic-watermark span{font-size:10px}.hero:after{font-size:72px}}

.mcq-figure{margin:12px 0 14px;padding:10px;border:1px solid var(--line);border-radius:16px;background:#fff;text-align:center}.mcq-figure img{max-width:100%;height:auto;border-radius:12px}.mcq-table-wrap{margin:12px 0 14px}.mcq-table-wrap table{width:100%;margin-bottom:0;background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}.mcq-table-wrap th,.mcq-table-wrap td{padding:10px;border:1px solid var(--line);vertical-align:middle}.mcq-table-wrap th{font-weight:800;background:#f3f7fb}

/* Update: single centred watermark, attractive MCQ options, compact right-corner timer */
.dynamic-watermark{position:fixed;inset:0;z-index:1040;pointer-events:none;display:grid;place-items:center;overflow:hidden;opacity:1}.dynamic-watermark span{position:static;transform:rotate(-18deg);font-size:clamp(22px,4vw,58px);font-weight:900;letter-spacing:.08em;color:rgba(16,34,58,.10);white-space:nowrap;text-transform:uppercase}.watermark-box:after{content:none!important}.sticky-timer{position:fixed;top:82px;right:16px;z-index:1050;border-radius:999px;background:#0b1727;color:#fff;padding:6px 10px;box-shadow:0 8px 22px rgba(0,0,0,.18);font-size:12px;font-weight:800;line-height:1;min-width:74px;text-align:center}.sticky-timer i{font-size:11px}.timer-danger{color:#ffcf40;font-weight:900}.question-review{border-left:0;background:linear-gradient(180deg,#ffffff,#f6f9fc);border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:0 12px 34px rgba(20,61,115,.07)}.quiz-option{display:flex;align-items:flex-start;gap:12px;border:1px solid #d8e4ee;border-radius:16px;padding:13px 14px;margin-bottom:12px;background:#fff;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,background .16s ease;position:relative}.quiz-option:hover{transform:translateY(-1px);border-color:#9fc8c2;box-shadow:0 10px 24px rgba(11,93,86,.10);background:#fbfffe}.quiz-option input[type=radio]{width:19px;height:19px;min-width:19px;margin-top:2px;accent-color:var(--brand);cursor:pointer}.quiz-option .option-badge{width:28px;height:28px;min-width:28px;border-radius:50%;display:inline-grid;place-items:center;background:#e8f5f3;color:var(--brand);font-weight:900;border:1px solid #c7e8e3;line-height:1}.quiz-option .option-text{flex:1;color:var(--ink);font-weight:600;line-height:1.45}.quiz-option:has(input[type=radio]:checked){border-color:var(--brand);background:linear-gradient(135deg,#eefaf7,#ffffff);box-shadow:0 12px 28px rgba(11,93,86,.14)}.quiz-option:has(input[type=radio]:checked) .option-badge{background:var(--brand);color:#fff;border-color:var(--brand)}.quiz-option input[type=radio]:disabled{cursor:not-allowed}.quiz-option:has(input[type=radio]:disabled){cursor:default}.option-correct{border-color:#198754!important;background:#e9f7ef!important}.option-correct .option-badge{background:#198754!important;border-color:#198754!important;color:#fff!important}.option-wrong{border-color:#dc3545!important;background:#fdecec!important}.option-wrong .option-badge{background:#dc3545!important;border-color:#dc3545!important;color:#fff!important}@media(max-width:768px){.sticky-timer{top:72px;right:10px;font-size:11px;padding:5px 8px;min-width:66px}.dynamic-watermark span{font-size:clamp(18px,8vw,34px)}.quiz-option{gap:10px;padding:12px}.quiz-option .option-badge{width:26px;height:26px;min-width:26px}}