@import"https://fonts.googleapis.com/css2?family=Tajawal:wght@400;600;700;800&display=swap";*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial;color:#e8eefc;background:#0b1020}.page-register{min-height:100svh;display:grid;place-items:center;padding:clamp(16px,4vw,32px);background:#0b1020 url(/assets/bg%20with%20logo.png) center / cover no-repeat}@media (orientation: landscape){.page-register{background-image:url(/assets/bg1.jpg)}}.register-card{width:100%;max-width:520px;background:#121734db;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:clamp(16px,4vw,28px);box-shadow:0 10px 30px #00000059}.brand{height:44px;width:auto;display:block;margin:0 auto 16px}.form-grid{display:grid;gap:12px}label{display:grid;gap:6px;font-size:14px;color:#a8b2d1}input{width:100%;padding:12px 14px;border-radius:12px;border:1px solid #26325e;background:#0f1430;color:#e8eefc}input:focus{outline:none;border-color:#5b8cff;box-shadow:0 0 0 3px #5b8cff40}.error{color:#ff9090;font-size:12px;margin-top:4px}.actions{margin-top:12px;display:flex;gap:8px}.btn-primary{width:100%;padding:12px 16px;border:0;border-radius:12px;font-weight:600;background:#5b8cff;color:#fff}.btn-primary:disabled{opacity:.6}.page-quiz{min-height:100svh;display:grid;place-items:center;padding:clamp(16px,4vw,32px);background:#0b1020 url(/assets/bg%20with%20logo.png) center / cover no-repeat}@media (orientation: landscape){.page-quiz{background-image:url(/assets/bg2.jpg)}}.quiz-card{width:100%;max-width:720px;background:#121734db;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:clamp(16px,4vw,28px);box-shadow:0 10px 30px #00000059}.quiz-progress{color:#a8b2d1;margin-bottom:8px;font-size:14px}.quiz-question{margin:8px 0 12px;font-size:clamp(18px,3.5vw,24px);line-height:1.3}.quiz-options{display:grid;gap:10px;margin:12px 0 16px}.quiz-option{text-align:left;width:100%;padding:12px 14px;border-radius:12px;border:1px solid #2a3566;background:#1a2147;color:#e8eefc}.quiz-option.selected{outline:2px solid #5b8cff;background:#131a3a}.quiz-actions{display:flex;justify-content:flex-end}.page-done{min-height:100svh;display:grid;place-items:center;padding:clamp(16px,4vw,32px);background:#0b1020 url(/assets/bg%20with%20logo.png) center / cover no-repeat}@media (orientation: landscape){.page-done{background-image:url(/assets/bg2.jpg)}}.done-card{width:100%;max-width:520px;background:#121734db;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:clamp(16px,4vw,28px);box-shadow:0 10px 30px #00000059;text-align:center}.done-card h1{margin:8px 0 6px;font-size:clamp(20px,4vw,28px)}.done-card p{margin:0 0 16px;color:#a8b2d1}.page-register{position:relative}.page-quiz,.page-done{position:relative}.bg-logo{position:absolute;top:clamp(12px,3vw,24px);left:50%;transform:translate(-50%);height:36px;width:auto;object-fit:contain;pointer-events:none;filter:drop-shadow(0 2px 6px rgba(0,0,0,.4))}@media (min-width: 768px){.bg-logo{height:44px}}.page-quiz .quiz-card,.page-done .done-card{margin-top:clamp(16px,6vh,48px)}:root{--logo-h: clamp(56px, 10vw, 92px);--logo-gap: clamp(12px, 3vw, 24px)}.bg-logo{position:absolute;top:var(--logo-gap);left:50%;transform:translate(-50%);height:var(--logo-h);width:auto;object-fit:contain;pointer-events:none;filter:drop-shadow(0 2px 6px rgba(0,0,0,.4))}.page-register{--logo-h: clamp(68px, 16vw, 120px)}.page-register .register-card{margin-top:calc(var(--logo-h) + var(--logo-gap) + 12px)}.cert-page{min-height:100svh;display:grid;align-content:center;justify-items:center;gap:12px;padding:12px;background:#0b1020 url(/assets/bg%20no%20logo.png) center / cover no-repeat}@media (orientation: landscape){.cert-page{background-image:url(/assets/bg1.jpg)}}.cert-image{width:100%;max-width:520px;height:auto;border-radius:12px;box-shadow:0 18px 40px #00000073}.cert-actions{width:100%;max-width:520px;display:flex;justify-content:center}.page-admin{min-height:100svh;display:grid;place-items:start center;padding:clamp(12px,4vw,24px);background:#0b1020 url(/assets/bg%20no%20logo.png) center / cover no-repeat}@media (orientation: landscape){.page-admin{background-image:url(/assets/bg1.jpg)}}.admin-card{width:100%;max-width:1100px;background:#121734db;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:clamp(12px,3vw,20px);box-shadow:0 10px 30px #00000059;color:#e8eefc}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse;font-size:14px}.table th,.table td{text-align:left;padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.08);vertical-align:top}.qa-list{margin:0;padding-left:18px}.qa-item{margin:0 0 6px}.qa-item .q{font-weight:600;color:#a8b2d1;margin-bottom:2px}.qa-item .a{color:#e8eefc}