/* الامتحانات الإلكترونية */
.ox-hero{margin:58px 0 26px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:26px;align-items:stretch}
.ox-intro{background:radial-gradient(600px 300px at 100% 0,rgba(70,192,122,.32),transparent 60%),radial-gradient(400px 300px at 0 100%,rgba(201,150,42,.22),transparent 60%),linear-gradient(150deg,#0b3119,#041a0b);color:#fff;border-radius:30px;padding:34px;position:relative;overflow:hidden;box-shadow:var(--sh-lift)}
.ox-intro:before{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='70' height='70'%3E%3Cpath d='M35 5l8 22 22 8-22 8-8 22-8-22-22-8 22-8z' fill='none' stroke='%23fff' stroke-opacity='.06'/%3E%3C/svg%3E")}
.ox-intro>*{position:relative}
.ox-kick{display:inline-flex;gap:8px;align-items:center;color:#9fe0b8;font-weight:800;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);padding:6px 14px;border-radius:30px}
.ox-intro h2{color:#fff;font-size:clamp(30px,3.8vw,46px);font-weight:900;margin:16px 0 10px;line-height:1.3}
.ox-intro h2 span{background:linear-gradient(90deg,#7fe0a6,#e8c46a);-webkit-background-clip:text;background-clip:text;color:transparent}
.ox-intro p{color:#d6ebdd;line-height:2;margin:0 0 20px;font-size:15.5px;max-width:560px}
.ox-mock{background:#fff;color:var(--text);border-radius:20px;padding:16px;max-width:430px;box-shadow:0 30px 60px -30px #000;transform:perspective(900px) rotateY(-8deg) rotate(-1.5deg);transition:.6s}
.ox-intro:hover .ox-mock{transform:none}
.ox-mock-top{display:flex;gap:10px;align-items:center;font-size:12.5px;font-weight:800;color:var(--muted);margin-bottom:10px}
.ox-mock-top span{background:#fdecef;color:#9b1f45;border-radius:20px;padding:3px 10px}
.ox-mock-top em{flex:1;height:6px;background:#e6efe9;border-radius:6px;overflow:hidden}.ox-mock-top em i{display:block;height:100%;background:var(--teal)}
.ox-mock-q{font-weight:900;color:var(--ink);margin-bottom:10px}
.ox-mock-o{display:flex;gap:10px;align-items:center;border:2px solid #e3ece6;border-radius:12px;padding:8px 12px;margin-bottom:6px;font-size:13.5px}
.ox-mock-o i{width:20px;height:20px;border-radius:50%;border:2px solid #cfdcd4;display:grid;place-items:center;font-size:10px}
.ox-mock-o.on{border-color:var(--teal);background:var(--cyan-soft)}.ox-mock-o.on i{background:var(--teal);border-color:var(--teal);color:#fff}
.ox-stats{display:flex;gap:26px;margin-top:24px;flex-wrap:wrap}
.ox-stats b{display:block;font-size:30px;font-weight:900;color:#7fe0a6;line-height:1.1}.ox-stats span{font-size:13px;color:#cfe6d7}
.ox-auth{background:#fff;border-radius:30px;padding:24px 26px 22px;box-shadow:var(--sh-3d);position:relative;overflow:hidden;scroll-margin-top:90px}
.ox-auth:before{content:"";position:absolute;inset:0 0 auto;height:5px;background:linear-gradient(90deg,var(--teal),var(--gold))}
.ox-tabs{display:grid;grid-template-columns:1fr 1fr;background:var(--mist);border-radius:16px;padding:5px;margin:6px 0 16px}
.ox-tabs button{border:0;background:none;border-radius:12px;padding:11px;font-weight:900;font-family:inherit;color:var(--muted);cursor:pointer;font-size:14.5px;transition:.2s}
.ox-tabs button.on{background:#fff;color:var(--ink);box-shadow:0 6px 16px -10px rgba(0,0,0,.35)}
.ox-form{display:none}.ox-form.on{display:block;animation:oxIn .35s ease}
@keyframes oxIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.ox-form h3{margin:0;font-size:22px;font-weight:900;color:var(--ink)}.ox-form>p{color:var(--muted);margin:4px 0 14px}
.ox-form label{display:flex;flex-direction:column;gap:6px;font-weight:800;font-size:13.5px;color:var(--ink-3);margin-bottom:12px}
.ox-in{display:flex;align-items:center;gap:10px;border:2px solid #e3ece6;border-radius:14px;padding:0 14px;background:var(--mist);transition:.2s}
.ox-in>i{color:var(--muted);width:18px;text-align:center}
.ox-in input,.ox-in select{flex:1;border:0!important;outline:none;background:transparent!important;height:48px;font-family:inherit;font-size:15px;min-width:0;box-shadow:none!important;padding:0!important}
.ox-in:focus-within{border-color:var(--teal);background:#fff;box-shadow:0 0 0 4px rgba(31,122,69,.12)}
.ox-eye{border:0;background:none;color:var(--muted);cursor:pointer}
.ox-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.ox-seg{display:grid;grid-template-columns:1fr 1fr;gap:6px;height:52px}
.ox-seg label{margin:0;position:relative}
.ox-seg input{position:absolute;inset:0;opacity:0;cursor:pointer;margin:0}
.ox-seg span{height:100%;display:flex;align-items:center;justify-content:center;gap:6px;border:2px solid #e3ece6;border-radius:14px;background:var(--mist);font-weight:800;color:var(--muted);transition:.2s}
.ox-seg input:checked+span{border-color:var(--teal);background:var(--cyan-soft);color:var(--ink)}
.ox-btn{width:100%;height:52px;border:0;border-radius:14px;background:linear-gradient(135deg,#2fa060,#11432a);color:#fff;font-weight:900;font-size:16px;font-family:inherit;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 14px 26px -14px rgba(6,33,15,.7);transition:.2s;margin-top:4px}
.ox-btn:hover{transform:translateY(-2px)}
.ox-alt{text-align:center;color:var(--muted);font-size:13.5px;margin:14px 0 0}
.ox-err{background:#fdecef;color:#9b1f45;border-radius:12px;padding:10px 14px;font-weight:800;font-size:14px;margin-bottom:12px}
.ox-hp{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.ox-how{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px;counter-reset:s}
.ox-how div{background:#fff;border-radius:20px;padding:20px;box-shadow:var(--sh-1);position:relative;counter-increment:s}
.ox-how div:after{content:counter(s);position:absolute;left:16px;top:12px;font-size:34px;font-weight:900;color:#e6efe9}
.ox-how i{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:var(--cyan-soft);color:var(--teal);font-size:19px;margin-bottom:10px}
.ox-how b{display:block;color:var(--ink);margin-bottom:4px}.ox-how span{color:var(--muted);font-size:14px}
.ox-staff{text-align:center;color:var(--muted);margin:0 0 10px}

/* بوابة الطالب */
.ox-wel{margin:58px 0 20px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:center;background:radial-gradient(500px 260px at 100% 0,rgba(70,192,122,.3),transparent 60%),linear-gradient(135deg,#0b3119,#06210f);color:#fff;border-radius:26px;padding:24px 28px;box-shadow:var(--sh-lift)}
.ox-wel small{color:#9fe0b8;font-weight:800}.ox-wel h2{color:#fff;margin:6px 0 4px;font-size:clamp(22px,2.6vw,30px);font-weight:900}.ox-wel p{margin:0;color:#cfe6d7}
.ox-wel a{color:#fff!important;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);border-radius:14px;padding:10px 16px;font-weight:800;text-decoration:none!important;white-space:nowrap}
.ox-k{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:22px}
.ox-k div{background:#fff;border-radius:20px;padding:16px 18px;box-shadow:var(--sh-1);display:flex;gap:12px;align-items:center}
.ox-k i{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;color:#fff;background:var(--c);font-size:19px;flex:none}
.ox-k b{display:block;font-size:24px;font-weight:900;color:var(--ink);line-height:1.1}.ox-k span{color:var(--muted);font-size:13px;font-weight:700}
.ox-nav{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}
.ox-nav a{border-radius:30px;padding:9px 16px;font-weight:800;background:#fff;color:var(--ink-3)!important;box-shadow:var(--sh-1);text-decoration:none!important}
.ox-nav a.on{background:var(--ink-3);color:#fff!important}
.ox-h{font-size:22px;font-weight:900;color:var(--ink);margin:6px 0 14px;display:flex;gap:10px;align-items:center}.ox-h i{color:var(--teal)}
.ox-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;margin-bottom:26px}
.ox-ex{background:#fff;border-radius:22px;box-shadow:var(--sh-1);padding:20px;display:flex;flex-direction:column;gap:10px;border-top:5px solid var(--c);transition:.25s}
.ox-ex:hover{transform:translateY(-4px);box-shadow:var(--sh-lift)}
.ox-ex h3{margin:0;font-size:18px;font-weight:900;color:var(--ink);line-height:1.5}
.ox-ex p{margin:0;color:var(--muted);font-size:14px;line-height:1.8}
.ox-meta{display:flex;gap:6px;flex-wrap:wrap}
.ox-meta span{background:var(--mist);border-radius:10px;padding:5px 10px;font-size:12.5px;font-weight:800;color:var(--ink-3)}.ox-meta i{color:var(--teal);margin-inline-end:4px}
.ox-ex .go{margin-top:auto;display:flex;align-items:center;justify-content:center;gap:8px;border-radius:14px;padding:12px;font-weight:900;text-decoration:none!important;background:linear-gradient(135deg,#2fa060,#11432a);color:#fff!important}
.ox-ex .go.done{background:var(--mist);color:var(--ink-3)!important}
.ox-done{display:flex;align-items:center;gap:10px;background:#f6faf7;border-radius:14px;padding:10px 12px}
.ox-done b{font-size:20px;color:var(--c2,#1f7a45)}.ox-done small{color:var(--muted)}
.ox-tbl{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border-radius:20px;box-shadow:var(--sh-1);overflow:hidden;margin-bottom:26px}
.ox-tbl th{background:#f6faf7;color:var(--muted);font-size:12.5px;text-align:right;padding:12px 16px}
.ox-tbl td{padding:12px 16px;border-top:1px solid #f0f4f1;font-size:14.5px}
.ox-tbl .me td{background:#f1faf4;font-weight:800}
.ox-medal{width:30px;height:30px;border-radius:50%;display:inline-grid;place-items:center;font-weight:900;font-size:13px;background:var(--mist);color:var(--ink-3)}
.ox-medal.m1{background:linear-gradient(145deg,#f5d77a,#c9962a);color:#fff}.ox-medal.m2{background:linear-gradient(145deg,#e1e6ea,#9aa6ad);color:#fff}.ox-medal.m3{background:linear-gradient(145deg,#e6b48a,#b3541e);color:#fff}
.ox-empty{background:#fff;border-radius:20px;padding:30px;text-align:center;color:var(--muted);border:1px dashed #cfdcd4;margin-bottom:26px}

/* صفحة الامتحان */
.ox-bar{position:sticky;top:74px;z-index:20;margin:58px 0 18px;background:rgba(255,255,255,.92);backdrop-filter:blur(10px);border-radius:20px;box-shadow:var(--sh-1);padding:12px 16px;display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.ox-bar h2{margin:0;font-size:17px;font-weight:900;color:var(--ink);flex:1;min-width:180px}
.ox-timer{display:flex;align-items:center;gap:8px;font-weight:900;font-size:20px;color:var(--ink);background:var(--mist);border-radius:14px;padding:6px 14px;font-variant-numeric:tabular-nums;direction:ltr}
.ox-timer.low{background:#fdecef;color:#c0392b;animation:oxBlink 1s infinite}
@keyframes oxBlink{50%{opacity:.6}}
.ox-prog{flex-basis:100%;height:6px;background:#e6efe9;border-radius:6px;overflow:hidden}.ox-prog i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--teal),#7fe0a6);transition:.3s}
.ox-ans{font-size:13px;font-weight:800;color:var(--muted)}
.ox-q{background:#fff;border-radius:22px;box-shadow:var(--sh-1);padding:20px 22px;margin-bottom:14px;scroll-margin-top:170px}
.ox-q h3{margin:0 0 14px;font-size:17px;font-weight:900;color:var(--ink);line-height:1.8;display:flex;gap:12px}
.ox-q h3 span{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--ink-3);color:#fff;font-size:14px;flex:none}
.ox-opts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.ox-opt{position:relative;display:block}
.ox-opt input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.ox-opt span{display:flex;gap:12px;align-items:center;border:2px solid #e3ece6;border-radius:14px;padding:12px 14px;font-weight:700;transition:.2s;height:100%;cursor:pointer}
.ox-opt span:before{content:attr(data-l);width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:var(--mist);font-weight:900;color:var(--ink-3);flex:none;transition:.2s}
.ox-opt:hover span{border-color:#bcd8c6}
.ox-opt input:checked+span{border-color:var(--teal);background:var(--cyan-soft)}
.ox-opt input:checked+span:before{background:var(--teal);color:#fff}
.ox-opt input:focus-visible+span{box-shadow:0 0 0 4px rgba(31,122,69,.18)}
.ox-submit{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;background:#fff;border-radius:22px;box-shadow:var(--sh-1);padding:18px 22px;margin-bottom:20px}
.ox-submit .ox-btn{width:auto;padding:0 28px}

/* النتيجة */
.ox-res{margin:58px 0 20px;display:grid;grid-template-columns:auto minmax(0,1fr);gap:28px;align-items:center;background:#fff;border-radius:28px;padding:28px;box-shadow:var(--sh-3d)}
.ox-ring{width:170px;height:170px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--c) calc(var(--p)*1%),#eef3ef 0)}
.ox-ring div{width:134px;height:134px;border-radius:50%;background:#fff;display:grid;place-items:center;text-align:center}
.ox-ring b{font-size:38px;font-weight:900;color:var(--ink);line-height:1}.ox-ring span{color:var(--muted);font-size:12.5px}
.ox-res small{color:var(--c);font-weight:900;font-size:15px}.ox-res h2{margin:4px 0 8px;font-size:clamp(22px,2.8vw,32px);font-weight:900;color:var(--ink)}
.ox-pills{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}
.ox-pills span{border-radius:12px;padding:8px 12px;font-weight:800;font-size:13.5px;background:var(--mist)}
.ox-pills .g{background:#e4f4ea;color:#1f7a45}.ox-pills .r{background:#fdecef;color:#9b1f45}
.ox-rv .ox-opt span{cursor:default}
.ox-rv .ox-opt.ok span{border-color:#1f7a45;background:#e4f4ea}.ox-rv .ox-opt.ok span:before{background:#1f7a45;color:#fff;content:"✓"}
.ox-rv .ox-opt.bad span{border-color:#c0392b;background:#fdecef}.ox-rv .ox-opt.bad span:before{background:#c0392b;color:#fff;content:"✕"}
.ox-tag{font-size:12px;font-weight:900;border-radius:20px;padding:3px 10px;margin-inline-start:auto;align-self:flex-start;white-space:nowrap}
.ox-tag.g{background:#e4f4ea;color:#1f7a45}.ox-tag.r{background:#fdecef;color:#9b1f45}.ox-tag.n{background:#fff4e0;color:#b7791f}

@media(max-width:992px){.ox-hero{grid-template-columns:minmax(0,1fr)}.ox-how,.ox-k{grid-template-columns:repeat(2,minmax(0,1fr))}.ox-res{grid-template-columns:1fr;justify-items:center;text-align:center}.ox-res .ox-pills{justify-content:center}}
@media(max-width:600px){.ox-intro,.ox-auth{padding:22px 18px;border-radius:24px}.ox-mock{display:none}.ox-two,.ox-opts{grid-template-columns:minmax(0,1fr)}.ox-how{grid-template-columns:minmax(0,1fr)}.ox-wel{grid-template-columns:1fr}.ox-bar{top:64px}.ox-tbl thead{display:none}.ox-tbl tr{display:grid}.ox-tbl td{border:0;padding:6px 14px}.ox-tbl tr{border-top:1px solid #eef3ef;padding:8px 0}}