@font-face{font-family:expoArabic;src:url('/assets/fonts/expoarabic-light.ttf') format('truetype');font-weight:300;font-display:swap}
@font-face{font-family:expoArabic;src:url('/assets/fonts/expoarabic-book.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:expoArabic;src:url('/assets/fonts/expoarabic-medium.ttf') format('truetype');font-weight:500;font-display:swap}
@font-face{font-family:expoArabic;src:url('/assets/fonts/expoarabic-semibold.ttf') format('truetype');font-weight:600;font-display:swap}
@font-face{font-family:expoArabic;src:url('/assets/fonts/expoarabic-bold.ttf') format('truetype');font-weight:700;font-display:swap}

:root{color-scheme:dark;--canvas:#0e1116;--surface:#161b22;--surface-2:#1b222c;--border:#303a49;--text:#fff;--muted:#aab4c2;--action:#3e6bff;--action-deep:#012ced;--green:#73b544;--red:#e42f2e;--orange:#f1972d;--blue:#6d9bce;--radius:14px;--focus:0 0 0 3px #0e1116,0 0 0 6px #6d9bce}
*{box-sizing:border-box}
html{background:var(--canvas);font-family:expoArabic,'Noto Sans Arabic',system-ui,sans-serif;font-size:16px}
body{min-height:100vh;margin:0;background:var(--canvas);color:var(--text);font-family:inherit;line-height:1.65}
button,input,textarea{font:inherit}
button{cursor:pointer}
button:focus-visible,input:focus-visible,textarea:focus-visible{outline:0;box-shadow:var(--focus)}
.site-header{width:min(100% - 32px,1120px);min-height:96px;margin-inline:auto;display:flex;align-items:center;justify-content:space-between;gap:24px;border-block-end:1px solid var(--border)}
.brand{display:flex;align-items:center;gap:28px;color:var(--text);text-decoration:none;font-size:15px;font-weight:500}
.brand img{display:block;inline-size:58px;block-size:58px;flex:none}
.language-toggle{min-block-size:44px;padding:8px 16px;border:1px solid var(--border);border-radius:999px;background:transparent;color:var(--text);font-weight:500}
.language-toggle:hover{border-color:var(--blue);background:var(--surface)}
.access-main{width:min(100% - 32px,720px);margin-inline:auto;padding-block:clamp(56px,10vh,108px) 64px}
.brand-rule{display:flex;gap:7px;inline-size:82px;margin-block-end:32px}
.brand-rule i{display:block;block-size:4px;flex:1;border-radius:3px}.brand-rule i:nth-child(1){background:var(--blue)}.brand-rule i:nth-child(2){background:var(--green)}.brand-rule i:nth-child(3){background:var(--red)}.brand-rule i:nth-child(4){background:var(--orange)}
h1,.question-title{max-inline-size:680px;margin:0;color:var(--text);font-size:clamp(28px,4vw,42px);font-weight:600;line-height:1.25;letter-spacing:-.02em;text-wrap:balance}
.lead{max-inline-size:670px;margin-block:24px 0;color:var(--muted);font-size:18px;line-height:1.85}
.confidentiality{display:flex;align-items:flex-start;gap:14px;margin-block:34px 48px;padding-block:18px;border-block:1px solid var(--border);color:var(--muted)}
.confidentiality svg{inline-size:22px;block-size:22px;flex:none;margin-block-start:2px;fill:none;stroke:var(--green);stroke-width:1.7}
.confidentiality p{margin:0}
.access-form label,.field-label{display:block;margin-block-end:10px;font-weight:600}
.code-entry{display:flex;gap:12px}
.code-entry input,.text-input,.large-textarea{inline-size:100%;min-block-size:52px;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--text);padding:12px 16px}
.code-entry input{text-transform:uppercase;letter-spacing:.16em;font-size:20px;font-weight:600}
.code-entry input:hover,.text-input:hover,.large-textarea:hover{border-color:#4a5668}
.primary-button,.secondary-button,.quiet-button{min-block-size:48px;border-radius:12px;padding:10px 22px;font-weight:600}
.primary-button{border:1px solid var(--action);background:var(--action-deep);color:#fff;white-space:nowrap}
.primary-button:hover{background:var(--action)}
.primary-button:disabled{cursor:not-allowed;opacity:.55}
.secondary-button{border:1px solid var(--border);background:var(--surface);color:var(--text)}
.secondary-button:hover{border-color:var(--blue);background:var(--surface-2)}
.quiet-button{border:0;background:transparent;color:var(--muted)}
.quiet-button:hover{color:var(--text)}
.field-help,.form-error,.meta{font-size:14px;font-weight:300}.field-help{margin-block:8px 0;color:var(--muted)}.form-error{min-block-size:24px;margin-block:10px 0;color:#ff8b88}
.site-footer{width:min(100% - 32px,1120px);margin-inline:auto;padding-block:24px;border-block-start:1px solid var(--border);color:var(--muted);font-size:13px}
.progress-cue{block-size:2px;background:var(--border)}.progress-cue span{display:block;block-size:100%;inline-size:12%;background:var(--blue);transform-origin:inset-inline-start;transition:inline-size .2s ease-out}
.survey-main{width:min(100% - 32px,720px);margin-inline:auto;padding-block:clamp(48px,9vh,88px) 80px}
.screen{animation:screen-in .2s ease-out both}.screen-context{margin-block:0 12px;color:var(--blue);font-size:14px;font-weight:500}.question-title{font-size:clamp(27px,4vw,32px)}
.supporting-copy{max-inline-size:650px;margin-block:18px 0;color:var(--muted);font-size:17px}.identity-panel{margin-block:34px;padding-block:8px;border-block:1px solid var(--border)}
.identity-row{display:grid;grid-template-columns:minmax(110px,.45fr) 1fr;gap:18px;padding-block:18px}.identity-row+.identity-row{border-block-start:1px solid var(--border)}.identity-label{color:var(--muted);font-size:14px}.identity-value{font-weight:600}
.actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-block-start:36px}.actions-end{justify-content:flex-end}.actions-group{display:flex;gap:10px}
.domain-list,.choice-list{display:grid;gap:12px;margin-block-start:30px}.domain-option,.choice-option{position:relative;display:flex;align-items:center;gap:16px;min-block-size:64px;padding:16px 18px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);cursor:pointer;transition:border-color .15s ease-out,background .15s ease-out}
.domain-option:hover,.choice-option:hover{border-color:#536174;background:var(--surface-2)}.domain-option input,.choice-option input{position:absolute;opacity:0;pointer-events:none}.option-mark{inline-size:20px;block-size:20px;border:1px solid #657286;border-radius:6px;display:grid;place-items:center;flex:none}.choice-option .option-mark{border-radius:50%}.option-mark::after{content:'';inline-size:8px;block-size:8px;border-radius:2px;background:transparent}.choice-option .option-mark::after{border-radius:50%}.domain-option:has(input:checked),.choice-option:has(input:checked){border-color:var(--action);background:#17213f}.domain-option input:focus-visible~.option-mark,.choice-option input:focus-visible~.option-mark{box-shadow:var(--focus)}.domain-option:has(input:checked) .option-mark,.choice-option:has(input:checked) .option-mark{border-color:var(--action);background:var(--action)}.domain-option:has(input:checked) .option-mark::after{background:#fff}.choice-option:has(input:checked) .option-mark::after{background:#fff}
.domain-accent{inline-size:4px;align-self:stretch;border-radius:4px;background:var(--domain-color)}.domain-name{font-size:17px;font-weight:600}.selection-note{margin-block:18px 0;color:var(--muted);font-size:14px}
.large-textarea{min-block-size:176px;margin-block-start:28px;resize:vertical;line-height:1.7}.large-textarea::placeholder{color:#8793a3}.prominent-textarea{min-block-size:220px;font-size:18px}
.adaptive-panel{margin-block-start:32px;padding-block-start:28px;border-block-start:1px solid var(--border)}.adaptive-question{min-block-size:100px;font-size:22px;font-weight:500;line-height:1.55}.stream-cursor{display:inline-block;inline-size:8px;block-size:1.1em;margin-inline-start:5px;background:var(--blue);vertical-align:-.15em;animation:blink 1s steps(2,end) infinite}
.close-mark{inline-size:44px;block-size:44px;margin-block-end:26px;border:1px solid #41622d;border-radius:50%;display:grid;place-items:center;color:var(--green)}.close-mark svg{inline-size:22px;fill:none;stroke:currentColor;stroke-width:2}.loading-state{padding-block-start:40px}.loading-line{display:block;block-size:24px;inline-size:76%;margin-block-end:16px;border-radius:8px;background:var(--surface);animation:pulse 1.2s ease-in-out infinite}.loading-line.short{inline-size:48%}
[hidden]{display:none!important}
@keyframes screen-in{from{opacity:.4;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes pulse{50%{background:var(--surface-2)}}@keyframes blink{50%{opacity:0}}
@media(max-width:560px){.site-header{min-height:82px}.brand{gap:16px}.brand span{display:none}.brand img{inline-size:52px;block-size:52px}.access-main,.survey-main{padding-block-start:46px}.code-entry{flex-direction:column}.code-entry .primary-button{inline-size:100%}.identity-row{grid-template-columns:1fr;gap:4px}.actions{align-items:stretch;flex-direction:column-reverse}.actions .primary-button,.actions .secondary-button{inline-size:100%}.actions-group{inline-size:100%;flex-direction:column-reverse}.quiet-button{align-self:center}.domain-option,.choice-option{padding:14px}.question-title{font-size:27px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}