:root{--purple:#593c76;--deep:#342344;--pale:#eee8f3;--paper:#faf8f5;--ink:#30243d;--muted:#776d80;--line:#e7e0eb;--green:#316d58;--orange:#9c4829}*{box-sizing:border-box}body{margin:0;background:var(--paper);font:15px/1.9 Tahoma,Arial,sans-serif;color:var(--ink)}button,input,textarea,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer;background:var(--purple);color:white;padding:11px 21px;border:1px solid transparent;border-radius:9px;font-weight:bold}button:hover{background:var(--deep)}button:disabled{opacity:.45;cursor:wait}.secondary{background:white;color:var(--purple);border-color:var(--line)}.secondary:hover{background:var(--pale)}a{color:var(--purple)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:3px solid #b693ce;outline-offset:3px}header{height:96px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 max(4vw,20px);border-bottom:1px solid var(--line)}.brand{display:flex;gap:13px;align-items:center;text-decoration:none;color:var(--ink)}.brand strong{font-size:24px}.brand small{display:block;font-size:11px;letter-spacing:1px;color:var(--muted)}.mark{background:var(--purple);color:white;font-size:31px;width:49px;height:53px;display:grid;place-items:center;border-radius:14px 14px 4px 14px}#identity{font-size:12px;display:flex;gap:16px;align-items:center}.environment{background:var(--pale);color:var(--purple);text-align:center;padding:7px 15px;font-size:12px}main{max-width:1240px;padding:36px 25px;margin:auto;min-height:68vh}footer{max-width:1190px;margin:15px auto;border-top:1px solid var(--line);display:flex;justify-content:space-between;padding:20px;color:var(--muted);font-size:11px}h1{font-size:30px;line-height:1.5;margin:8px 0 12px}h2{font-size:21px;margin:0 0 16px}h3{font-size:16px;margin:0 0 12px}p{margin:8px 0 16px}.eyebrow{color:var(--purple);font-size:11px;letter-spacing:1px;font-weight:bold}.muted{color:var(--muted);font-size:13px}.hero{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px;gap:20px}.hero p{color:var(--muted)}.grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px}.card{background:white;border:1px solid var(--line);border-radius:16px;padding:28px;margin-bottom:22px}.dark{background:var(--deep);color:white;border:0}.dark p,.dark .eyebrow{color:#dacbe6}.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0}.fact{background:var(--paper);padding:16px;border-radius:10px}.fact strong{display:block;font-size:24px;color:var(--purple)}.fact small{color:var(--muted);font-size:11px}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.between{justify-content:space-between}.notice{background:var(--pale);border-radius:10px;padding:16px;color:var(--purple);font-size:13px}.error{background:#fff0ea;color:#922b16}.success{color:var(--green)}.badge{font-size:11px;background:var(--pale);border:1px solid var(--line);border-radius:20px;padding:5px 12px;display:inline-block}.nav{display:flex;gap:8px;margin-bottom:24px;flex-wrap:wrap}.nav button{background:transparent;color:var(--muted);font-weight:normal}.nav button.active{background:var(--pale);color:var(--purple);font-weight:bold}label{display:block;font-size:13px;margin-bottom:14px}input:not([type=radio]):not([type=checkbox]),textarea,select{width:100%;border:1px solid #dcd2e4;border-radius:8px;background:white;padding:11px;color:var(--ink);margin-top:5px}textarea{min-height:125px;resize:vertical}input[type=checkbox],input[type=radio]{accent-color:var(--purple)}.login{max-width:480px;margin:20px auto}.login .card{padding:36px}.list-item{padding:18px 0;border-top:1px solid var(--line)}.list-item:first-of-type{border-top:0}.list-item h3{margin-bottom:6px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:12px;text-align:right}td,th{padding:12px 10px;border-bottom:1px solid var(--line);white-space:nowrap}th{color:var(--muted);font-weight:normal}pre{white-space:pre-wrap;overflow-wrap:anywhere;font:13px/1.9 Tahoma,Arial,sans-serif;background:var(--paper);padding:18px;border-radius:10px;text-align:right}details{border-bottom:1px solid var(--line);padding:15px 0}summary{cursor:pointer;font-weight:bold}.timer-panel{position:sticky;top:20px;height:max-content}.timer{font-size:54px;direction:ltr;text-align:center;font-variant-numeric:tabular-nums;color:var(--purple);line-height:1.4}.timer.warning{color:var(--orange)}.timer-label{text-align:center;color:var(--muted);font-size:12px}.track{height:5px;background:var(--pale);border-radius:5px;overflow:hidden;margin:18px 0}.track i{display:block;background:var(--purple);height:100%}.question{font-size:20px;line-height:2.1;user-select:none;-webkit-user-select:none;white-space:pre-wrap;margin:26px 0}.option{padding:15px;border:1px solid var(--line);border-radius:10px;display:flex;gap:14px;align-items:center;user-select:none;-webkit-user-select:none;font-size:15px}.option:has(input:checked){border-color:var(--purple);background:var(--pale)}.answer{min-height:240px;line-height:2!important}.watermark{font-size:11px;color:#94879f;border-top:1px dashed var(--line);padding-top:18px;margin-top:25px;overflow-wrap:anywhere}.receipt{font-size:42px;color:var(--green)}#toast{position:fixed;bottom:25px;left:25px;max-width:480px;background:var(--deep);color:white;border-radius:10px;padding:13px 20px;display:none;z-index:10}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.wide{grid-column:1/-1}.ltr{direction:ltr;text-align:left}.rules{padding-right:22px;font-size:14px;color:var(--muted)}.rules li{margin-bottom:12px}.spacer{margin-top:20px}.progress-dots{display:flex;gap:8px;justify-content:center;margin-top:20px}.progress-dots span{width:30px;height:30px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;font-size:12px}.progress-dots .done{background:var(--purple);color:white}.progress-dots .now{border:2px solid var(--purple)}@media(max-width:850px){.grid{grid-template-columns:1fr}.timer-panel{order:-1;position:sticky;top:0;z-index:2;padding:12px 20px;margin-bottom:0;display:grid;grid-template-columns:1fr 1fr;gap:0 15px}.timer-panel .timer{font-size:32px}.timer-panel .track,.timer-panel .progress-dots{display:none}.timer-panel h3{font-size:12px}.hero{align-items:start}.hero h1{font-size:25px}.brand strong{font-size:18px}#identity{font-size:10px}header{height:82px}.card{padding:22px}.form-grid{grid-template-columns:1fr}.wide{grid-column:auto}}@media(max-width:500px){main{padding:24px 14px}.facts{gap:6px}.fact{padding:10px}.fact strong{font-size:20px}.hero{display:block}.question{font-size:18px}#identity{max-width:140px}.brand small{font-size:9px}.environment{font-size:10px}.card{border-radius:12px}footer{display:block}}@media print{body.exam-active>*{display:none!important}body.exam-active:after{content:'الطباعة غير متاحة أثناء المحاولة';display:block!important}.environment,header,footer,.nav,button{display:none!important}}

/* Professional workspace branding */
:root{--paper:#f5f4f8;--ink:#262033;--muted:#665e72;--purple:#593c76;--line:#e2dce9}
header{height:86px}.brand strong{font-size:21px}.brand small{font-size:12px;letter-spacing:.3px;text-align:right}.mark{font:700 18px/1 Arial,sans-serif;letter-spacing:-1px;width:46px;height:46px;border-radius:10px}.card{border-radius:12px;padding:26px}.hero{margin-bottom:20px}.hero h1{font-size:28px}.nav{background:white;border:1px solid var(--line);border-radius:12px;padding:7px;gap:4px}.nav button{border-radius:7px;padding:10px 14px;min-height:44px}.nav button.active{background:var(--purple);color:white}.login{max-width:460px;margin:24px auto 40px}.login-heading{text-align:center;margin-bottom:26px}.login-heading h1{font-size:29px;margin:8px 0}.owner{font:500 16px/1.6 Arial,sans-serif;letter-spacing:.4px;color:var(--muted);margin:0}.login .card{padding:30px;box-shadow:0 8px 30px #34234408}.login h2{font-size:20px}.login form button{width:100%;margin-top:6px;min-height:48px}.login .notice{background:transparent;text-align:center;padding:0 12px;color:var(--muted);font-size:12px}th{background:#f7f5fa;color:var(--ink);font-weight:bold}td{padding-block:15px}input:not([type=radio]):not([type=checkbox]),select{min-height:46px}.facts .fact{background:white;border:1px solid var(--line)}.dark{background:#3d2b50}.timer{font-variant-numeric:tabular-nums}#loginError:empty{display:none}footer{font-size:12px;gap:16px}footer span:first-child{overflow-wrap:anywhere}@media(max-width:600px){header{padding:0 16px;height:78px}.brand strong{font-size:18px}.brand small{font-size:11px}.login{margin:12px auto 28px}.login .card{padding:24px}.nav{flex-wrap:nowrap;overflow-x:auto;position:relative}.nav button{white-space:nowrap;flex-shrink:0}.card{padding:20px}.hero h1{font-size:25px}footer{line-height:1.9}.owner{font-size:15px}}

.brand strong[lang=en]{font-family:Arial,sans-serif;letter-spacing:-.4px}.brand small[lang=en]{font-family:Arial,sans-serif;font-size:11px}.login-heading h1[lang=en]{font-family:Arial,sans-serif;letter-spacing:-.6px}footer [lang=en]{text-align:left}

/* Approved logo: preserve the supplied artwork and aspect ratio. */
.brand{min-width:0;max-width:60%;flex-shrink:1}.site-logo{display:block;width:240px;max-width:100%;height:auto}.login-logo{display:block;width:100%;height:auto;margin:0 auto 8px}.login-heading{background:#fff;border-radius:12px;padding:0 12px 14px}.brand .site-logo{object-fit:contain}header{min-height:100px;height:auto}.login-heading .owner{margin:0}@media(max-width:600px){.site-logo{width:195px}header{min-height:82px;gap:8px}#identity{flex-shrink:0;gap:8px}.login-logo{max-width:420px}}