@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap');
:root{--green:#027d24;--dark:#002f28;--gold:#c78c26;--white:#fff;--muted:#d9e8df}*{box-sizing:border-box}body{margin:0;font-family:Poppins,Arial,sans-serif;background:radial-gradient(circle at top left,#035b34,#001b18 55%,#000);color:#fff;min-height:100vh}.page-bg{position:fixed;inset:0;background:linear-gradient(120deg,rgba(199,140,38,.13),transparent 35%,rgba(2,125,36,.18));pointer-events:none}.topbar{max-width:1200px;margin:auto;padding:22px;display:flex;align-items:center;justify-content:space-between}.logo{max-width:260px;background:#fff;border-radius:18px;padding:10px}.logo.small{max-width:210px}.public-link,.btn-link{color:#fff;background:linear-gradient(45deg,var(--green),var(--gold));padding:12px 18px;border-radius:14px;text-decoration:none;display:inline-block;border:none}.layout{max-width:1200px;margin:20px auto;display:grid;grid-template-columns:1.4fr .8fr;gap:24px;padding:20px}.hero-card,.quiz-card,.side-panel .mini-card,.result-card,.table-card,.login-card{background:rgba(255,255,255,.09);border:1px solid rgba(199,140,38,.45);box-shadow:0 24px 70px rgba(0,0,0,.25);border-radius:30px;padding:34px;backdrop-filter:blur(10px)}.hero-card h1{font-size:64px;line-height:1;margin:12px 0;background:linear-gradient(45deg,#fff,#f3c96f);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.tag{display:inline-block;background:rgba(199,140,38,.18);border:1px solid var(--gold);padding:8px 14px;border-radius:999px;color:#ffe1a2}.form-card{display:grid;gap:10px;margin-top:25px}.form-card input,.login-card input{width:100%;padding:15px;border-radius:14px;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.95);font-size:16px}.form-card button,.login-card button,.next-btn{background:linear-gradient(45deg,var(--gold),#e5b95d);border:0;border-radius:15px;padding:16px 22px;font-weight:700;color:#fff;cursor:pointer;font-size:16px}.hidden{display:none!important}.quiz-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.quiz-head h2{font-size:28px}.score-pill{background:#fff;color:var(--dark);border-radius:999px;padding:12px 16px;white-space:nowrap}.progressbar{height:13px;background:rgba(255,255,255,.18);border-radius:99px;overflow:hidden;margin:18px 0 25px}.progressbar div{height:100%;background:linear-gradient(90deg,var(--green),var(--gold));width:10%;transition:.3s}.answers{display:grid;gap:12px}.answer-btn{padding:17px;border-radius:16px;border:2px solid rgba(255,255,255,.2);background:#fff;color:var(--dark);cursor:pointer;text-align:left;font-size:16px;transition:.2s}.answer-btn:hover{transform:translateY(-2px);border-color:var(--gold)}.answer-btn.correct{background:#d9ffe5;border-color:#09a13a}.answer-btn.wrong{background:#ffe1e1;border-color:#e14848}.next-btn{display:none;margin-top:20px}.side-panel{display:grid;gap:18px;align-content:start}.mini-card strong{display:block;font-size:20px;color:#ffe1a2}.mini-card span{color:var(--muted)}.mini-card.gold{background:linear-gradient(145deg,rgba(199,140,38,.27),rgba(255,255,255,.08))}.center-wrap{max-width:1000px;margin:30px auto;padding:20px}.result-card{text-align:center;margin-bottom:24px}.big-score{font-size:72px;font-weight:800;color:#f2c66d}.secondary{background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.25)}.table-card{overflow:auto}.table-card h1,.table-card h2{color:#f3c96f}table{width:100%;border-collapse:collapse;margin-top:16px;background:rgba(255,255,255,.04);border-radius:16px;overflow:hidden}th,td{padding:13px;border-bottom:1px solid rgba(255,255,255,.12);text-align:left}th{color:#ffe1a2}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:20px}.login-card{width:min(430px,100%);text-align:center}.error{background:#ffe1e1;color:#8b0000;padding:10px;border-radius:10px}.admin-wrap{max-width:1250px;margin:auto;padding:20px}.admin-nav{display:grid;grid-template-columns:auto 1fr auto auto auto;gap:14px;align-items:center;padding:16px}.admin-nav a{color:#fff}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:20px 0}.stats div{background:rgba(255,255,255,.09);border:1px solid rgba(199,140,38,.45);border-radius:22px;padding:24px}.stats b{font-size:38px;color:#f3c96f;display:block}.stats span{color:var(--muted)}.table-card.admin{margin-bottom:24px}@media(max-width:850px){.layout{grid-template-columns:1fr}.hero-card h1{font-size:42px}.quiz-head{display:block}.stats{grid-template-columns:1fr}.admin-nav{grid-template-columns:1fr}.topbar{display:grid;gap:12px}.logo{max-width:220px}th,td{font-size:13px;padding:9px}}