*{box-sizing:border-box}body{margin:0;font-family:Arial,"Noto Sans Tamil",sans-serif;background:#f4f7fb;color:#172033}.wrap{max-width:1100px;margin:auto;padding:0 16px}.top{background:linear-gradient(135deg,#5b21b6,#2563eb);color:#fff;box-shadow:0 3px 12px #0002}.nav{min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:15px}.brand{font-size:21px;font-weight:800;color:white;text-decoration:none}.nav nav{display:flex;gap:12px;flex-wrap:wrap}.nav nav a{color:white;text-decoration:none;padding:8px 10px;border-radius:8px}.nav nav a:hover{background:#ffffff22}.hero{margin:25px 0;padding:40px 25px;border-radius:20px;background:linear-gradient(135deg,#ede9fe,#dbeafe);text-align:center}.hero h1{font-size:34px;margin:5px 0 12px}.hero p{font-size:18px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.card{background:#fff;padding:20px;border-radius:15px;box-shadow:0 4px 15px #17203312;margin-bottom:16px}.card h3{margin-top:0}.btn{display:inline-block;background:#2563eb;color:#fff;border:0;border-radius:9px;padding:10px 16px;text-decoration:none;cursor:pointer}.btn.green{background:#059669}.btn.red{background:#dc2626}.btn.gray{background:#64748b}.btn.purple{background:#7c3aed}input,select,textarea{width:100%;padding:11px;border:1px solid #cbd5e1;border-radius:8px;margin:6px 0 12px;font:inherit}label{font-weight:700}.option{display:block;padding:13px;background:#f8fafc;border:1px solid #cbd5e1;border-radius:10px;margin:9px 0;cursor:pointer}.option:hover{background:#eef2ff}.question{font-size:19px;line-height:1.65}.timer{position:sticky;top:0;background:#111827;color:#fff;padding:10px;text-align:center;border-radius:0 0 10px 10px;z-index:3}.progress{height:9px;background:#e2e8f0;border-radius:10px;overflow:hidden}.progress>div{height:100%;background:#2563eb}.score{font-size:42px;font-weight:800;text-align:center}.ok{padding:12px;background:#dcfce7;border-radius:9px}.bad{padding:12px;background:#fee2e2;border-radius:9px}table{width:100%;border-collapse:collapse;background:#fff}th,td{padding:10px;border-bottom:1px solid #e2e8f0;text-align:left}footer{margin-top:40px;padding:25px 0;background:#111827;color:#fff}.small{font-size:13px;color:#64748b}.adminnav{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}@media(max-width:700px){.nav{align-items:flex-start;flex-direction:column;padding:12px 16px}.hero h1{font-size:27px}.question{font-size:17px}}