/* Canonical: 0-محاور/Qwen_html_20260519_95au64k9o.html.
   Presentation only. See docs/VISUAL_MATCH_EXTRACTION_AR.md for deliberate research/accessibility exceptions. */
:root{--font-heading:'Changa',sans-serif;--match-ease:cubic-bezier(.175,.885,.32,1.275)}
.shape{filter:blur(60px);opacity:.3}.shape-4{display:none}
.participant.shell{max-width:1000px;margin-top:20px}.participant #app{background:rgba(255,255,255,.95);padding:50px;border-radius:30px;backdrop-filter:blur(20px)}
.survey-header{padding:50px 40px}.university-badge{width:120px;height:120px}.university-badge .ui-icon{width:60px;height:60px}
.survey-header .university-name,.faculty-name{font-family:'Amiri',serif;font-size:1.3rem;line-height:1.8;margin:0 0 5px}.faculty-name{margin-bottom:15px}
.survey-header #survey-title{font-family:'Changa',sans-serif;font-size:1.4rem;line-height:1.8;font-weight:600;margin-bottom:15px}
.survey-header .subtitle{font-size:1rem;color:rgba(255,255,255,.7);margin-bottom:8px}
.badge-pill{background:linear-gradient(135deg,#ec4899,#f59e0b);color:#fff;border:0;padding:8px 25px;border-radius:50px;font-family:'Changa',sans-serif;font-size:.95rem;display:inline-flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 5px 20px rgba(236,72,153,.4)}
.match-features{display:flex;justify-content:center;gap:40px;padding:25px;background:linear-gradient(135deg,rgba(99,102,241,.1),rgba(236,72,153,.1));flex-wrap:wrap;font-family:'Almarai',sans-serif;font-size:.95rem}
.match-feature{display:flex;align-items:center;gap:10px}.match-feature .ui-icon{width:45px;height:45px;padding:12px;border-radius:12px;color:white;background:var(--gradient-3)}.match-feature:nth-child(2) .ui-icon{background:var(--gradient-4)}.match-feature:nth-child(3) .ui-icon{background:var(--gradient-2)}
.cover-content{padding:50px}.researcher-card{background:linear-gradient(135deg,#ede9fe,#ddd6fe);border:2px solid #8b5cf6;padding:30px;border-radius:20px}.researcher-card :is(h2,h3){color:#5b21b6}.researcher-card p{color:#4c1d95;font-size:.95rem}
#academic-team{background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #f59e0b;border-radius:25px;padding:40px;margin-bottom:35px;position:relative;overflow:hidden}#academic-team .supervisors-grid{margin-bottom:0}
.supervisor-box{border:2px solid #3b82f6;padding:25px}.supervisor-box h3{font-size:1.1rem}.supervisor-box p{font-size:.9rem;background:rgba(255,255,255,.5);border-radius:12px;padding:10px;margin:10px 0}
.info-card{padding:25px;transition:transform .4s ease,box-shadow .4s ease,border-color .4s ease}.info-card-icon .ui-icon{width:34px;height:34px}.info-card-icon{color:white!important}.info-card h3{font-size:1.8rem}.info-card p{color:#64748b}
.welcome-box{padding:40px;margin-bottom:35px;position:relative;overflow:hidden}.welcome-box::before{content:'';position:absolute;top:-50px;right:-50px;width:150px;height:150px;background:rgba(245,158,11,.2);border-radius:50%;pointer-events:none}.welcome-box p{font-size:1.05rem;position:relative}.research-info-box{padding:30px;font-size:.95rem}
.participant h1{font-size:1.4rem}.field>span{display:flex;align-items:center;justify-content:center;gap:10px;font-family:'Changa',sans-serif;font-size:1.05rem}.field>span>.ui-icon{width:35px;height:35px;padding:9px;border-radius:10px;background:var(--gradient-1);color:#fff;flex-shrink:0}
.field :is(input,select,textarea){font-size:1rem;transition:border-color .3s ease,box-shadow .3s ease}.field :is(input,select,textarea):focus{box-shadow:0 0 0 4px rgba(99,102,241,.2)}
.stage-head{--axis-gradient:var(--gradient-1);background:linear-gradient(145deg,#fff,#f8fafc);border:3px solid #e2e8f0;border-inline-start:6px solid var(--primary);border-radius:25px;padding:35px;margin:0 0 35px;position:relative}
#app[data-stage="6"]{--axis-gradient:var(--gradient-2)}#app[data-stage="7"]{--axis-gradient:var(--gradient-3)}#app[data-stage="8"]{--axis-gradient:var(--gradient-4)}#app[data-stage="9"]{--axis-gradient:var(--gradient-5)}#app[data-stage="10"]{--axis-gradient:linear-gradient(135deg,#6366f1,#ec4899)}
.stage-head{--axis-gradient:inherit}.axis-number{width:65px;height:65px;border-radius:50%;font-size:1.8rem;color:#fff;background:var(--axis-gradient,var(--gradient-1));box-shadow:0 8px 25px rgba(0,0,0,.2);animation:none}
#app:is([data-stage="6"],[data-stage="7"],[data-stage="8"],[data-stage="9"]) .axis-number{color:var(--dark)}
.stage-head h2{font-size:1.15rem;line-height:1.7;padding-bottom:20px;border-bottom:2px dashed #e2e8f0;margin-bottom:20px}.stage-head .eyebrow{color:#64748b}.axis-definition{font-size:.95rem;color:#64748b}.step-meta{font-family:'Changa',sans-serif;font-size:1.05rem}.progress{height:12px}.progress>span{transition:width .5s ease}
.question{border:3px solid #e2e8f0;border-inline-start:6px solid var(--primary);padding:35px;margin-bottom:35px;transition:box-shadow .4s ease,border-color .4s ease;overflow:hidden}
.question legend{float:right;width:100%;font-size:1rem;line-height:2;padding:0 0 20px;margin:0 0 20px;border-bottom:2px dashed #e2e8f0}.question .choices{clear:both;margin-top:0}.qcode{display:inline-flex;align-items:center;justify-content:center;background:var(--gradient-1);color:white;border-radius:12px;min-width:48px;min-height:35px;padding:2px 8px;margin-inline-end:10px}
.choices{gap:10px}.choice{position:relative;border:3px solid #e2e8f0;border-radius:15px;padding:15px 10px;flex-direction:column;gap:10px;min-height:88px;background:#fff;transition:transform .3s var(--match-ease),border-color .3s ease,box-shadow .3s ease}
.choice:has(input:checked){background:var(--gradient-1);border-color:var(--primary);color:#fff;box-shadow:0 10px 25px rgba(99,102,241,.4)}.choice input{accent-color:var(--primary);flex-shrink:0}.choice:has(input[type=checkbox]){flex-direction:row;min-height:60px}
button:not(.sound-btn){font-family:'Changa',sans-serif;position:relative;overflow:hidden;transition:transform .4s var(--match-ease),box-shadow .4s ease;isolation:isolate}
.navigation button,#verify,#login-btn{font-size:1.15rem;padding:18px 40px}.navigation{padding-top:40px;margin-top:40px;gap:20px}
button:not(.sound-btn)::before{content:'';position:absolute;inset:0;transform:translateX(-110%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:transform .5s ease;pointer-events:none;z-index:-1}
.review-row{padding:20px;border:2px solid #e2e8f0;border-radius:15px;background:linear-gradient(145deg,#fff,#f8fafc);margin:12px 0}.review-row span{color:var(--primary-dark);font-weight:600}.review-values{border:2px solid #8b5cf6;background:linear-gradient(135deg,#ede9fe,#ddd6fe);color:#4c1d95}
.notice.error{background:linear-gradient(145deg,#fee2e2,#fecaca);border:2px solid #ef4444;border-radius:15px;padding:20px 30px;box-shadow:0 10px 30px rgba(239,68,68,.3)}
dialog{border:3px solid #e2e8f0;background:linear-gradient(145deg,#fff,#f8fafc);border-radius:25px;padding:35px}dialog h2{font-family:'Changa',sans-serif}dialog::backdrop{background:rgba(30,27,75,.9);backdrop-filter:blur(5px)}
.success .seal{width:180px;height:180px;color:#fff;box-shadow:0 20px 50px rgba(16,185,129,.4);margin-bottom:40px}.success .seal .ui-icon{width:85px;height:85px}.success h1{font-size:2rem!important;color:#059669!important}.researcher-signature{border-radius:50px}
.ui-icon{display:inline-block;width:1.2em;height:1.2em;flex-shrink:0;vertical-align:middle;fill:currentColor;pointer-events:none}.heading-icon{display:block;width:48px;height:48px;padding:12px;background:var(--gradient-1);color:white;border-radius:15px;margin:0 auto 16px}.supervisor-box h3>.ui-icon{color:#2563eb;margin-inline-end:8px}
.admin-head{padding:40px;background:var(--gradient-hero);box-shadow:var(--shadow-glow);position:relative}.admin-head h1{font-size:1.6rem}.admin-head .heading-icon{background:linear-gradient(145deg,#ffd700,#ffb700);color:var(--dark);width:65px;height:65px;border-radius:50%}.admin-shell .panel{border:3px solid #e2e8f0;background:linear-gradient(145deg,#fff,#f8fafc);border-radius:25px}.admin-shell .login{border-top-color:var(--primary)}
.kpi{background:linear-gradient(145deg,#f8fafc,#e2e8f0);border:2px solid transparent;padding:25px;transition:transform .4s ease,box-shadow .4s ease,border-color .4s ease}.kpi>.ui-icon{display:block;width:55px;height:55px;padding:15px;border-radius:50%;background:var(--gradient-1);color:#fff;margin:0 auto 15px}.kpi:nth-child(2n)>.ui-icon{background:var(--gradient-2)}.kpi:nth-child(3n)>.ui-icon{background:var(--gradient-3)}.kpi:nth-child(4n)>.ui-icon{background:var(--gradient-4)}
.tabs button{border:2px solid #e2e8f0;background:linear-gradient(145deg,#f8fafc,#fff);gap:8px}.admin-shell h2{font-size:1.2rem}.admin-shell h3{font-size:1.05rem}.admin-shell .filters .field>span>.ui-icon{width:28px;height:28px;padding:7px}.admin-shell .filters .field>span{font-size:.82rem}
.table-wrap{border-radius:15px;border:2px solid #e2e8f0}th{font-family:'Changa',sans-serif;background:linear-gradient(135deg,#ede9fe,#ddd6fe);color:#4c1d95}tbody tr:nth-child(even){background:#f8fafc}.pill{border-radius:12px;background:#eef2ff;color:var(--primary-dark);padding:4px 12px}.code-output{border:2px solid #8b5cf6;background:linear-gradient(135deg,#ede9fe,#ddd6fe)}
.participant #app>.panel,.participant #app>.stage-head,.participant #app>.official-cover{animation-duration:.5s;animation-timing-function:ease}
@keyframes twinkle{0%,100%{opacity:.3}50%{opacity:.8}}
@keyframes float{0%,100%{transform:translate(0,0) rotate(0)}25%{transform:translate(50px,50px) rotate(90deg)}50%{transform:translate(0,100px) rotate(180deg)}75%{transform:translate(-50px,50px) rotate(270deg)}}
@keyframes slideIn{from{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}
@keyframes pulse-badge{0%,100%{transform:scale(1);box-shadow:0 10px 40px rgba(255,215,0,.4)}50%{transform:scale(1.05);box-shadow:0 15px 50px rgba(255,215,0,.6)}}
@keyframes glow-tag{0%,100%{box-shadow:0 5px 20px rgba(236,72,153,.4)}50%{box-shadow:0 8px 30px rgba(236,72,153,.7)}}
@media(hover:hover){.info-card:hover,.kpi:hover{transform:translateY(-5px);box-shadow:0 20px 40px rgba(0,0,0,.15);border-color:var(--primary)}.question:hover{box-shadow:0 20px 50px rgba(0,0,0,.12)}.choice:hover{border-color:var(--primary);transform:translateY(-3px)}button.primary:hover:not(:disabled){transform:translateY(-3px) scale(1.01);box-shadow:0 15px 40px rgba(99,102,241,.5)}button:hover::before{transform:translateX(110%)}}
@media(max-width:900px){.cover-content{padding:30px}.participant #app{padding:30px}.question{padding:25px 20px}}
@media(max-width:768px){.participant.shell{padding:0 10px}.participant #app{padding:25px 15px}.survey-header{padding:30px 15px}.survey-header #survey-title{font-size:1.1rem}.match-features{gap:15px;padding:15px;font-size:.8rem}.match-feature .ui-icon{width:35px;height:35px;padding:9px}.welcome-box{padding:25px 15px}.stage-head{padding:25px 15px}.question{padding:20px 15px}.choices{grid-template-columns:1fr}.choice,.choice:nth-last-child(2),.choice:last-child{grid-column:auto;min-height:58px;flex-direction:row;justify-content:center;padding:15px 10px}.navigation button,#verify{width:100%;padding:16px 20px}.info-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.success .seal{width:130px;height:130px}.success .seal .ui-icon{width:65px;height:65px}.success h1{font-size:1.5rem!important}.admin-head{padding:30px 20px}.kpi{padding:20px 12px}.admin-shell .field>span{flex-wrap:wrap}}
@media(max-width:768px){#academic-team{padding:25px 15px}}
@media(max-width:480px){.info-cards{grid-template-columns:1fr}.cover-content{padding:25px 15px}.survey-header .university-name,.faculty-name{font-size:1.1rem}.review-row{padding:16px 12px}.notice.error{padding:18px}.researcher-card{padding:25px 18px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}