@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-sans-arabic-arabic-400-normal-CyU-ddYS.woff2)format("woff2"),url(/assets/ibm-plex-sans-arabic-arabic-400-normal-EA1o-u_Q.woff)format("woff")}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-sans-arabic-arabic-500-normal-C4MQITzh.woff2)format("woff2"),url(/assets/ibm-plex-sans-arabic-arabic-500-normal-DPXcppbm.woff)format("woff")}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-sans-arabic-arabic-600-normal-0pRdybE_.woff2)format("woff2"),url(/assets/ibm-plex-sans-arabic-arabic-600-normal-MJZ0liF5.woff)format("woff")}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/ibm-plex-sans-arabic-arabic-700-normal-DrtBj6UE.woff2)format("woff2"),url(/assets/ibm-plex-sans-arabic-arabic-700-normal-9rXc6cUL.woff)format("woff")}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-sans-arabic-latin-400-normal-Bo5KPYvw.woff2)format("woff2"),url(/assets/ibm-plex-sans-arabic-latin-400-normal-CFZh1unN.woff)format("woff")}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/ibm-plex-sans-arabic-latin-700-normal-BzSf6GNr.woff2)format("woff2"),url(/assets/ibm-plex-sans-arabic-latin-700-normal-Cl4F7CZR.woff)format("woff")}:root{--brand-900:#0a3a34;--brand-800:#0d4d45;--brand-700:#0f6157;--brand-600:#12786b;--brand-500:#179482;--brand-300:#7cc9bb;--brand-100:#d9f1eb;--brand-50:#eef8f5;--gold-600:#b77c14;--gold-500:#e0a02e;--gold-100:#fbefd4;--gold-50:#fdf7ea;--ink-900:#16201e;--ink-700:#3a4643;--ink-500:#67736f;--ink-400:#8b9592;--ink-300:#bcc4c1;--line:#e3e7e4;--line-strong:#d2d8d5;--bg:#f5f6f2;--surface:#fff;--surface-2:#fafbf9;--danger:#c4443a;--danger-50:#fcefed;--success:#1d9a66;--success-50:#e9f7f0;--warning:#c98315;--warning-50:#fdf4e4;--info:#2f6fd6;--info-50:#edf3fd;--radius-sm:10px;--radius:14px;--radius-lg:20px;--radius-xl:28px;--shadow-sm:0 1px 2px #1028240f;--shadow:0 1px 2px #1028240d, 0 4px 14px -6px #1028241f;--shadow-lg:0 12px 40px -12px #10282440;--font:"IBM Plex Sans Arabic", system-ui, -apple-system, "Segoe UI", Tahoma, sans-serif;--fs-xs:.8125rem;--fs-sm:.875rem;--fs-md:1rem;--fs-lg:1.125rem;--fs-xl:1.375rem;--fs-2xl:1.75rem;--fs-3xl:2.25rem;--ease:cubic-bezier(.2, .7, .2, 1);--touch:44px;--sidebar-w:264px}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{font-family:var(--font);font-size:var(--fs-md);color:var(--ink-900);background:var(--bg);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0;line-height:1.6}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{text-wrap:balance;font-weight:700;line-height:1.3}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}img,svg{display:block}:focus-visible{outline:3px solid color-mix(in srgb, var(--brand-500) 55%, transparent);outline-offset:2px}.num{font-variant-numeric:tabular-nums;direction:ltr;unicode-bidi:isolate;display:inline-block}.code{letter-spacing:.08em;direction:ltr;unicode-bidi:isolate;font-family:ui-monospace,SF Mono,Menlo,monospace;display:inline-block}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.muted{color:var(--ink-500)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.btn{--btn-bg:var(--surface);--btn-fg:var(--ink-900);--btn-border:var(--line-strong);min-height:var(--touch);border-radius:var(--radius-sm);border:1px solid var(--btn-border);background:var(--btn-bg);color:var(--btn-fg);font-weight:600;font-size:var(--fs-md);white-space:nowrap;transition:background-color .15s var(--ease), border-color .15s var(--ease), transform 80ms var(--ease), box-shadow .15s var(--ease);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;gap:8px;padding:0 18px;display:inline-flex}.btn:hover:not(:disabled){background:color-mix(in srgb, var(--btn-bg) 92%, var(--ink-900))}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn svg{flex-shrink:0;width:18px;height:18px}.btn--primary{--btn-bg:var(--brand-600);--btn-fg:#fff;--btn-border:var(--brand-600);box-shadow:0 1px 0 #ffffff26 inset, var(--shadow-sm)}.btn--primary:hover:not(:disabled){background:var(--brand-700)}.btn--gold{--btn-bg:var(--gold-500);--btn-fg:#2a1d03;--btn-border:var(--gold-500)}.btn--gold:hover:not(:disabled){background:#d39423}.btn--ghost{--btn-bg:transparent;--btn-border:transparent;--btn-fg:var(--ink-700)}.btn--ghost:hover:not(:disabled){background:#1028240d}.btn--danger{--btn-bg:var(--danger);--btn-fg:#fff;--btn-border:var(--danger)}.btn--danger:hover:not(:disabled){background:#a9372e}.btn--soft{--btn-bg:var(--brand-50);--btn-fg:var(--brand-700);--btn-border:transparent}.btn--soft:hover:not(:disabled){background:var(--brand-100)}.btn--sm{min-height:36px;font-size:var(--fs-sm);border-radius:9px;padding:0 12px}.btn--lg{min-height:52px;font-size:var(--fs-lg);border-radius:var(--radius);padding:0 24px}.btn--xl{min-height:64px;font-size:var(--fs-xl);border-radius:var(--radius-lg);padding:0 32px}.btn--block{width:100%}.btn--icon{width:var(--touch);padding:0}.btn--icon.btn--sm{width:36px}.btn .spinner{border-width:2px;width:18px;height:18px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.card--pad{padding:20px}.card--interactive{transition:border-color .15s, box-shadow .15s, transform .15s var(--ease);cursor:pointer}.card--interactive:hover{border-color:var(--brand-300);box-shadow:var(--shadow)}.card--interactive:active{transform:scale(.995)}.card__head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.card__head h2,.card__head h3{font-size:var(--fs-lg)}.card__body{padding:20px}.field{flex-direction:column;gap:6px;display:flex}.field__label{font-weight:600;font-size:var(--fs-sm);color:var(--ink-700)}.field__hint{font-size:var(--fs-xs);color:var(--ink-500)}.field__error{font-size:var(--fs-xs);color:var(--danger);font-weight:500}.input,.select,.textarea{width:100%;min-height:var(--touch);border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface);font-size:var(--fs-md);padding:10px 14px;transition:border-color .15s,box-shadow .15s}.input::placeholder,.textarea::placeholder{color:var(--ink-400)}.input:hover,.select:hover,.textarea:hover{border-color:var(--ink-300)}.input:focus,.select:focus,.textarea:focus{border-color:var(--brand-500);outline:none;box-shadow:0 0 0 4px #17948224}.textarea{resize:vertical;min-height:96px;line-height:1.7}.select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%2367736f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m4 6 4 4 4-4'/%3E%3C/svg%3E");background-position:14px;background-repeat:no-repeat;padding-left:38px}.input--lg{min-height:56px;font-size:var(--fs-xl);text-align:center;letter-spacing:.15em}.check{min-height:var(--touch);cursor:pointer;align-items:center;gap:10px;display:inline-flex}.check input{width:20px;height:20px;accent-color:var(--brand-600)}.badge{height:24px;font-size:var(--fs-xs);background:var(--surface-2);color:var(--ink-700);border:1px solid var(--line);white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:0 9px;font-weight:600;display:inline-flex}.badge svg{width:13px;height:13px}.badge--brand{background:var(--brand-50);color:var(--brand-700);border-color:var(--brand-100)}.badge--gold{background:var(--gold-50);color:var(--gold-600);border-color:var(--gold-100)}.badge--success{background:var(--success-50);color:var(--success);border-color:#0000}.badge--warning{background:var(--warning-50);color:var(--warning);border-color:#0000}.badge--danger{background:var(--danger-50);color:var(--danger);border-color:#0000}.badge--info{background:var(--info-50);color:var(--info);border-color:#0000}.segmented{scrollbar-width:none;background:#1028240d;border-radius:12px;gap:4px;max-width:100%;padding:4px;display:inline-flex;overflow-x:auto}.segmented button{min-height:36px;font-weight:600;font-size:var(--fs-sm);color:var(--ink-500);white-space:nowrap;background:0 0;border:0;border-radius:9px;padding:0 14px;transition:background-color .15s,color .15s}.segmented button[aria-pressed=true]{background:var(--surface);color:var(--ink-900);box-shadow:var(--shadow-sm)}.modal{border-radius:var(--radius-lg);background:var(--surface);width:min(560px,100vw - 24px);max-height:calc(100dvh - 32px);box-shadow:var(--shadow-lg);color:inherit;border:0;padding:0}.modal[open]{animation:modal-in .2s var(--ease);flex-direction:column;display:flex}.modal::backdrop{background:#0a1e1b6b;animation:.2s fade-in}.modal--wide{width:min(780px,100vw - 24px)}.modal__head{justify-content:space-between;align-items:center;gap:12px;padding:18px 22px 0;display:flex}.modal__head h2{font-size:var(--fs-xl)}.modal__body{padding:18px 22px;overflow-y:auto}.modal__foot{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:flex-start;gap:10px;padding:14px 22px 20px;display:flex}@media (max-width:640px){.modal{border-radius:var(--radius-lg) var(--radius-lg) 0 0;width:100vw;max-width:100vw;max-height:92dvh;margin:auto 0 0}.modal[open]{animation:sheet-in .25s var(--ease)}}@keyframes modal-in{0%{opacity:0;transform:translateY(8px)scale(.98)}}@keyframes sheet-in{0%{opacity:.5;transform:translateY(40px)}}@keyframes fade-in{0%{opacity:0}}.toasts{left:0;right:0;z-index:100;pointer-events:none;flex-direction:column;align-items:center;gap:8px;padding:0 16px;display:flex;position:fixed;bottom:20px}.toast{pointer-events:auto;border-radius:var(--radius);background:var(--ink-900);color:#fff;max-width:480px;box-shadow:var(--shadow-lg);animation:toast-in .25s var(--ease);align-items:center;gap:10px;padding:12px 16px;font-weight:500;display:flex}.toast svg{flex-shrink:0;width:20px;height:20px}.toast--success svg{color:#6ee0ad}.toast--error{background:#5c1d18}.toast--error svg{color:#ffb2a9}.toast button{color:var(--brand-300);background:0 0;border:0;margin-inline-start:8px;font-weight:700}@keyframes toast-in{0%{opacity:0;transform:translateY(12px)}}@media (max-width:1023px){.toasts{bottom:88px}}.spinner{border:3px solid #1028241f;border-top-color:currentColor;border-radius:50%;width:28px;height:28px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading{color:var(--brand-600);place-items:center;gap:12px;padding:64px 16px;display:grid}.loading span{color:var(--ink-500);font-size:var(--fs-sm)}.skeleton{border-radius:var(--radius-sm);background:linear-gradient(90deg,#eceeea 0%,#f5f6f3 50%,#eceeea 100%) 0 0/200% 100%;animation:1.3s infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}.empty{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:48px 20px;display:flex}.empty__icon{background:var(--brand-50);width:64px;height:64px;color:var(--brand-600);border-radius:20px;place-items:center;margin-bottom:4px;display:grid}.empty__icon svg{width:30px;height:30px}.empty h3{font-size:var(--fs-lg)}.empty p{color:var(--ink-500);max-width:420px}.empty .btn{margin-top:8px}.alert{border-radius:var(--radius);background:var(--info-50);color:#1e4a8f;font-size:var(--fs-sm);align-items:flex-start;gap:12px;padding:14px 16px;display:flex}.alert svg{flex-shrink:0;width:20px;height:20px;margin-top:2px}.alert--warning{background:var(--warning-50);color:#7a4d06}.alert--danger{background:var(--danger-50);color:#8a2a22}.alert--success{background:var(--success-50);color:#0f6a44}.alert strong{font-size:var(--fs-md);margin-bottom:2px;display:block}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:24px;display:flex}.page-head h1{font-size:var(--fs-2xl)}.page-head p{color:var(--ink-500);margin-top:4px}.page-head__actions{flex-wrap:wrap;gap:10px;display:flex}.stat{align-items:center;gap:14px;padding:18px;display:flex}.stat__icon{background:var(--brand-50);width:46px;height:46px;color:var(--brand-600);border-radius:14px;flex-shrink:0;place-items:center;display:grid}.stat__icon svg{width:22px;height:22px}.stat__icon--gold{background:var(--gold-50);color:var(--gold-600)}.stat__icon--violet{color:#6d5bd0;background:#f1eefc}.stat__icon--rose{color:#c23d6c;background:#fcedf2}.stat__value{font-size:var(--fs-2xl);font-weight:700;line-height:1.1}.stat__label{color:var(--ink-500);font-size:var(--fs-sm)}.list{flex-direction:column;display:flex}.list__row{border-bottom:1px solid var(--line);align-items:center;gap:14px;min-height:60px;padding:12px 20px;display:flex}.list__row:last-child{border-bottom:0}.list__row--link{cursor:pointer;transition:background-color .12s}.list__row--link:hover{background:var(--surface-2)}.list__main{flex:1;min-width:0}.list__title{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.list__meta{color:var(--ink-500);font-size:var(--fs-sm)}.avatar{background:var(--brand-50);width:40px;height:40px;color:var(--brand-700);border-radius:12px;flex-shrink:0;place-items:center;font-weight:700;display:grid}.avatar--sm{width:32px;height:32px;font-size:var(--fs-sm);border-radius:10px}.dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.stack{flex-direction:column;gap:16px;display:flex}.stack--sm{gap:8px}.stack--lg{gap:24px}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.row--between{justify-content:space-between}.grid{gap:16px;display:grid}.grid--stats{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.grid--cards{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.grid--2{grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));gap:20px}.section-title{font-size:var(--fs-lg);margin-bottom:12px}.spacer{flex:1}.cred-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;display:grid}.cred-card{border:1.5px dashed var(--line-strong);border-radius:var(--radius);break-inside:avoid;padding:14px 16px}.cred-card__head{font-size:var(--fs-xs);color:var(--brand-700);font-weight:600}.cred-card__name{font-size:var(--fs-lg);margin:4px 0 8px;font-weight:700}.cred-card__row{justify-content:space-between;align-items:center;padding:4px 0;display:flex}.cred-card__row span{color:var(--ink-500);font-size:var(--fs-sm)}.cred-card__row b{font-size:var(--fs-lg)}.cred-card__foot{font-size:var(--fs-xs);color:var(--ink-400);margin-top:8px}@media print{body *{visibility:hidden}.print-area,.print-area *{visibility:visible}.print-area{grid-template-columns:repeat(3,1fr);padding:12mm;position:absolute;top:0;bottom:0;left:0;right:0}.modal{box-shadow:none}}.qb{grid-template-columns:300px minmax(0,1fr);align-items:start;gap:20px;display:grid}.qb__side{max-height:calc(100dvh - 48px);position:sticky;top:24px;overflow-y:auto}@media (max-width:1100px){.qb{grid-template-columns:1fr}.qb__side{max-height:none;position:static}}.tree{border-top:1px solid var(--line);padding-bottom:4px}.tree__item{align-items:center;gap:6px;min-height:42px;padding:0 10px 0 12px;display:flex}.tree__item:hover{background:var(--surface-2)}.tree__item.is-active{background:var(--brand-50)}.tree__item.is-active .tree__label{color:var(--brand-800);font-weight:600}.tree__label{text-align:start;min-width:0;font-size:var(--fs-sm);background:0 0;border:0;flex-direction:column;flex:1;align-items:flex-start;padding:6px 0;line-height:1.4;display:flex}.tree__kind{color:var(--ink-400);font-size:11px;font-weight:500}.tree__actions{opacity:0;gap:2px;transition:opacity .12s;display:flex}.tree__item:hover .tree__actions,.tree__item:focus-within .tree__actions{opacity:1}@media (hover:none){.tree__actions{opacity:1}}.tree__actions button{width:30px;height:30px;color:var(--ink-500);background:0 0;border:0;border-radius:8px;place-items:center;display:grid}.tree__actions button:hover{background:var(--line);color:var(--ink-900)}.option-edit{border:1px solid var(--line);border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:12px;min-height:54px;padding:6px 12px;transition:border-color .12s,background-color .12s;display:flex}.option-edit input[type=radio]{width:20px;height:20px;accent-color:var(--success);flex-shrink:0}.option-edit .input{background:0 0;border-color:#0000;padding-inline-start:4px;padding-inline-end:4px}.option-edit .input:focus{background:var(--surface);border-color:var(--brand-500)}.option-edit.is-correct{border-color:color-mix(in srgb, var(--success) 50%, transparent);background:var(--success-50)}.launch{max-width:920px;padding-bottom:120px}.launch-step__head{align-items:center;gap:12px;padding:18px 20px 0;display:flex}.launch-step__head h2{font-size:var(--fs-lg)}.launch-step__num{background:var(--surface-2);border:1px solid var(--line-strong);width:30px;height:30px;font-weight:700;font-size:var(--fs-sm);border-radius:10px;place-items:center;display:grid}.launch-step__num.is-done{background:var(--brand-600);border-color:var(--brand-600);color:#fff}.launch-step__body{padding:16px 20px 20px}.pick-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;display:grid}.pick{text-align:start;border:1.5px solid var(--line);border-radius:var(--radius);background:var(--surface);flex-direction:column;align-items:flex-start;gap:2px;min-height:64px;padding:14px 16px;transition:border-color .12s,background-color .12s,box-shadow .12s;display:flex}.pick--row{flex-direction:row;align-items:center;gap:12px}.pick:hover{border-color:var(--brand-300)}.pick.is-selected{border-color:var(--brand-500);background:var(--brand-50);box-shadow:0 0 0 3px #1794821f}.launch-bar{bottom:0;inset-inline:var(--sidebar-w) 0;z-index:15;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--line);background:#fffffff2;position:fixed}.launch-bar__inner{flex-wrap:wrap;align-items:center;gap:12px;max-width:920px;margin-inline-start:clamp(16px,3vw,40px);margin-inline-end:clamp(16px,3vw,40px);padding:12px 0;display:flex}.launch-bar__inner .btn--xl{min-width:180px;margin-inline-start:auto}@media (max-width:1023px){.launch-bar{left:0;right:0;bottom:calc(66px + env(safe-area-inset-bottom))}.launch-bar__inner{margin-inline-start:16px;margin-inline-end:16px}.launch-bar__inner .btn--xl{min-height:54px;font-size:var(--fs-lg);flex:1}.launch{padding-bottom:200px}}.beh-students{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;display:grid}.beh-student{border:1.5px solid var(--line);border-radius:var(--radius);background:var(--surface);text-align:start;align-items:center;gap:8px;min-height:52px;padding:6px 10px;transition:border-color .12s,background-color .12s;display:flex}.beh-student:hover:not(:disabled){border-color:var(--brand-300)}.beh-student.is-selected{border-color:var(--brand-500);background:var(--brand-50)}.beh-student.is-selected .avatar{background:var(--brand-600);color:#fff}.beh-student__name{min-width:0;font-weight:600;font-size:var(--fs-sm);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.beh-student__counts{font-size:var(--fs-xs);gap:6px;font-weight:700;display:flex}.beh-group{flex-direction:column;gap:8px;display:flex}.beh-group__label{font-weight:700;font-size:var(--fs-sm);align-items:center;gap:6px;display:inline-flex}.beh-buttons{flex-wrap:wrap;gap:8px;display:flex}.beh-btn{min-height:48px}.beh-btn--pos{--btn-bg:var(--success-50);--btn-fg:#0f6a44;--btn-border:color-mix(in srgb, var(--success) 30%, transparent)}.beh-btn--neg{--btn-bg:var(--danger-50);--btn-fg:#8a2a22;--btn-border:color-mix(in srgb, var(--danger) 25%, transparent)}.beh-btn__pts{font-size:var(--fs-sm);background:#ffffffb3;border-radius:999px;padding:2px 8px}.game-card{text-align:start;flex-direction:column;padding:0;display:flex;overflow:hidden}.game-card svg{transition:transform .35s var(--ease)}.game-card:hover svg{transform:scale(1.04)}.hero{border-radius:var(--radius-xl);color:#fff;background:linear-gradient(135deg, var(--brand-700), var(--brand-900));grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:center;gap:24px;padding:clamp(22px,3vw,36px);display:grid;position:relative;overflow:hidden;box-shadow:0 18px 40px -22px #0a3a34b3}.hero__pattern{opacity:.08;pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.hero__text{position:relative}.hero__eyebrow{color:var(--gold-500);font-weight:700}.hero h1{margin:2px 0 6px;font-size:clamp(1.6rem,3vw,2.2rem)}.hero p{color:#fffc;max-width:44ch}.hero .hero__ghost{--btn-bg:#ffffff1f;--btn-fg:#fff;--btn-border:transparent}.hero .hero__ghost:hover:not(:disabled){background:#fff3}.hero__art{grid-template-columns:repeat(3,1fr);gap:10px;display:grid;position:relative;transform:rotate(-4deg)}.hero__tile{border-radius:16px;animation:5s ease-in-out infinite hero-float;overflow:hidden;box-shadow:0 10px 24px -10px #00000080}.hero__tile:nth-child(2){margin-top:22px;animation-delay:-1.6s}.hero__tile:nth-child(3){animation-delay:-3.2s}@keyframes hero-float{50%{transform:translateY(-8px)}}@media (max-width:900px){.hero{grid-template-columns:1fr}.hero__art{display:none}}.qp__bar{border-radius:var(--radius);background:var(--surface-2);font-size:var(--fs-sm);flex-wrap:wrap;align-items:center;gap:8px 16px;padding:10px 12px;display:flex}.qp__sel b{color:var(--brand-700)}.qp__list{overscroll-behavior:contain;flex-direction:column;gap:6px;max-height:520px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.qp__item{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);align-items:flex-start;gap:10px;padding:10px 12px;display:flex}label.qp__item{cursor:pointer}label.qp__item:hover{border-color:var(--brand-300)}.qp__item.is-on{border-color:var(--brand-500);background:var(--brand-50)}.qp__item input{width:20px;height:20px;accent-color:var(--brand-600);flex:none;margin-top:3px}.qp__num{background:var(--surface-2);border:1px solid var(--line-strong);min-width:28px;height:28px;font-weight:700;font-size:var(--fs-sm);border-radius:8px;flex:none;place-items:center;display:grid}.qp__num.is-on{background:var(--brand-600);border-color:var(--brand-600);color:#fff}.qp__body{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.qp__prompt{overflow-wrap:anywhere;font-weight:600;line-height:1.6}.qp__meta{font-size:var(--fs-sm);flex-wrap:wrap;align-items:center;gap:6px 10px;display:flex}.qp__opts{font-size:var(--fs-sm);flex-wrap:wrap;gap:6px;display:flex}.qp__opts span{border:1px solid var(--line);color:var(--ink-700);border-radius:999px;padding:2px 10px}.qp__opts span.is-answer{border-color:var(--brand-500);background:var(--brand-50);color:var(--brand-800);font-weight:700}.qp__answer{font-size:var(--fs-sm);color:var(--brand-700);font-weight:600}.info{background:var(--surface-2);min-height:100dvh;padding:clamp(16px, 4vw, 48px) 16px calc(32px + env(safe-area-inset-bottom))}.info__inner{flex-direction:column;gap:18px;max-width:720px;margin:0 auto;display:flex}.info__back{align-self:flex-start;margin-inline-start:-8px}.info__brand{justify-content:center;display:flex}.info__title{text-align:center;font-size:var(--fs-2xl,1.75rem)}.info__lead{font-size:var(--fs-lg);line-height:1.9}.info__features{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.info__features li{align-items:flex-start;gap:12px;line-height:1.8;display:flex}.info__features svg{width:22px;height:22px;color:var(--brand-600);flex:none;margin-top:4px}.info__note{font-size:var(--fs-sm)}.info__doc h2{font-size:var(--fs-lg);margin-top:8px}.info__doc p,.info__doc li{line-height:1.9}.info__doc ul{flex-direction:column;gap:6px;margin:0;padding-inline-start:20px;display:flex}.info__links{font-size:var(--fs-sm);color:var(--ink-500);justify-content:center;gap:10px;display:flex}.info__links a{color:var(--brand-700)}.credit{text-align:center;flex-direction:column;align-items:center;gap:6px;padding:8px 0 4px;display:flex}.credit__line{background:linear-gradient(90deg, transparent, var(--gold-500,#c9a227), transparent);border-radius:2px;width:48px;height:2px;margin-bottom:6px}.credit__text{font-size:var(--fs-md,1rem);color:var(--ink-700);letter-spacing:.01em}.credit__text b{color:var(--brand-800);font-weight:700}.credit__meta{font-size:var(--fs-xs);color:var(--ink-400)}.credit__meta a{color:inherit}.auth__links{font-size:var(--fs-sm);color:var(--ink-400);justify-content:center;gap:10px;margin-top:24px;display:flex}.auth__links a{color:var(--ink-500)}.auth__links a:hover{color:var(--brand-700)}.nav-link--quiet{font-size:var(--fs-sm);color:var(--ink-500);margin-top:auto}.verify-banner{border-radius:var(--radius);background:var(--brand-50);border:1px solid var(--brand-100);font-size:var(--fs-sm);flex-wrap:wrap;align-items:center;gap:10px 12px;margin-bottom:16px;padding:10px 14px;display:flex}.verify-banner>svg{color:var(--brand-700);flex:none}.verify-banner>span{flex:240px;line-height:1.7}.support{flex-direction:column;gap:12px;display:flex}.support__title{font-size:var(--fs-lg)}.support__links{flex-wrap:wrap;gap:8px;display:flex}.support--compact .support__links{margin-top:4px}.mode-icon{background:var(--brand-50);width:44px;height:44px;color:var(--brand-700);border-radius:12px;flex:none;place-items:center;display:grid}.mode-icon--team{background:color-mix(in srgb, var(--gold-500) 16%, transparent);color:#9a6a12}.participants__list{flex-wrap:wrap;gap:6px;max-height:260px;margin-top:10px;display:flex;overflow-y:auto}.participant{border:1px solid var(--line-strong);background:var(--surface);cursor:pointer;min-height:40px;font-size:var(--fs-sm);color:var(--ink-500);border-radius:999px;align-items:center;gap:8px;padding:4px 12px;text-decoration:line-through;display:inline-flex}.participant.is-on{border-color:var(--brand-500);background:var(--brand-50);color:var(--ink-900);text-decoration:none}.participant input{width:18px;height:18px;accent-color:var(--brand-600)}.filters{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;display:grid}.search-field{min-height:var(--touch);border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--surface);align-items:center;gap:8px;padding:0 12px;display:flex}.search-field svg{width:18px;height:18px;color:var(--ink-400);flex:none}.search-field input{min-width:0;font:inherit;background:0 0;border:0;outline:0;flex:1;min-height:42px}.search-field:focus-within{border-color:var(--brand-500);box-shadow:0 0 0 3px #1794821f}.board-head,.board-row{grid-template-columns:56px minmax(0,2.2fr) 1.1fr repeat(3,.8fr);align-items:center;gap:8px;padding:10px 16px;display:grid}.board-head{font-size:var(--fs-xs);color:var(--ink-500);border-bottom:1px solid var(--line)}.board-list{margin:0;padding:0;list-style:none}.board-list li+li{border-top:1px solid var(--line)}.board-row{text-align:start;width:100%;font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;min-height:60px}.board-row:hover{background:var(--surface-2)}.board-name{align-items:center;gap:10px;min-width:0;display:flex}.board-name>span:last-child{flex-direction:column;min-width:0;display:flex}.board-name b{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.board-name .muted{font-size:var(--fs-xs)}.board-value{color:var(--ink-900);align-items:center;gap:4px;display:inline-flex}.board-value svg{color:var(--gold-500)}.board-rank{background:var(--surface-2);border:1px solid var(--line-strong);min-width:34px;height:34px;font-weight:700;font-size:var(--fs-sm);border-radius:10px;place-items:center;display:inline-grid}.board-rank.is-top-1{color:#8a5a00;background:#fdf3d7;border-color:#e0a02e}.board-rank.is-top-2{color:#46505a;background:#eef1f4;border-color:#9aa5b1}.board-rank.is-top-3{color:#7a3f17;background:#f8e9df;border-color:#c27b4a}.mini-stats{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.mini-stats>div{border-radius:var(--radius);background:var(--surface-2);border:1px solid var(--line);flex-direction:column;gap:2px;padding:10px 12px;display:flex}.mini-stats span{font-size:var(--fs-xs);color:var(--ink-500)}.mini-stats b{font-size:var(--fs-lg)}.points-form{grid-template-columns:120px 1fr;gap:10px;display:grid}@media (max-width:640px){.board-head,.board-row{grid-template-columns:44px minmax(0,1fr) auto;padding:10px 12px}.hide-sm{display:none}.mini-stats{grid-template-columns:repeat(2,1fr)}.points-form{grid-template-columns:1fr}}.meter{background:var(--surface-2);border:1px solid var(--line);border-radius:999px;height:8px;overflow:hidden}.meter>span{background:var(--brand-500);border-radius:inherit;height:100%;display:block}.dropzone{border:2px dashed var(--line-strong);border-radius:var(--radius-lg);min-height:120px;color:var(--ink-500);cursor:pointer;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:20px;transition:border-color .15s,background-color .15s;display:flex}.dropzone svg{width:28px;height:28px;color:var(--brand-600)}.dropzone:hover,.dropzone.is-over{border-color:var(--brand-500);background:var(--brand-50)}.dropzone.is-busy{opacity:.6;pointer-events:none}.file-icon{background:var(--surface-2);width:42px;height:42px;color:var(--ink-700);border-radius:12px;flex:none;place-items:center;display:grid}.file-icon svg{width:22px;height:22px}.file-icon--pdf{color:#c4443a;background:#fdecea}.file-icon--image{background:var(--brand-50);color:var(--brand-700)}.file-icon--slides{color:#b45309;background:#fdf1e3}.file-icon--doc{color:#2f6fd6;background:#e8f0fd}.file-icon--sheet{color:#1d7a52;background:#e6f6ee}.file-row .list__title{overflow-wrap:anywhere}@media (max-width:640px){.file-row{flex-wrap:wrap}.file-actions{justify-content:flex-end;width:100%}}.offline-banner{left:0;right:0;z-index:100;color:#fff;text-align:center;font-size:var(--fs-sm);padding:8px 16px;padding-top:calc(8px + env(safe-area-inset-top));background:#7a4b00;line-height:1.6;position:fixed;top:0}.shell{min-height:100dvh}.sidebar{width:var(--sidebar-w);background:var(--surface);border-inline-end:1px solid var(--line);z-index:20;flex-direction:column;gap:4px;padding:20px 14px;display:flex;position:fixed;top:0;bottom:0}.sidebar:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:0}.sidebar:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:0}.sidebar:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:0}.sidebar:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:0}.sidebar__brand{padding:4px 10px 18px}.sidebar__cta{margin:0 4px 14px}.sidebar__group{font-size:var(--fs-xs);color:var(--ink-400);padding:14px 12px 6px;font-weight:600}.nav-link{min-height:44px;color:var(--ink-700);border-radius:11px;align-items:center;gap:12px;padding:0 12px;font-weight:500;transition:background-color .12s,color .12s;display:flex}.nav-link svg{width:20px;height:20px;color:var(--ink-400);transition:color .12s}.nav-link:hover{background:var(--surface-2);color:var(--ink-900)}.nav-link.active{background:var(--brand-50);color:var(--brand-800);font-weight:600}.nav-link.active svg{color:var(--brand-600)}.nav-link .badge{margin-inline-start:auto}.sidebar__user{border-top:1px solid var(--line);align-items:center;gap:10px;margin-top:auto;padding:12px 10px 4px;display:flex}.sidebar__user-name{font-weight:600;font-size:var(--fs-sm);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sidebar__user-plan{font-size:var(--fs-xs);color:var(--ink-500)}.main{max-width:calc(1240px + var(--sidebar-w));margin-inline-start:var(--sidebar-w);padding:32px clamp(16px,3vw,40px) 48px}.topbar,.bottom-nav{display:none}@media (max-width:1023px){.sidebar{display:none}.main{margin-inline-start:0;padding:20px 16px 104px}.topbar{z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);background:#ffffffeb;justify-content:space-between;align-items:center;gap:12px;height:60px;padding:0 16px;display:flex;position:sticky;top:0}.bottom-nav{left:0;right:0;z-index:20;padding:6px 6px calc(6px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--line);background:#fffffff5;grid-template-columns:repeat(5,1fr);align-items:end;display:grid;position:fixed;bottom:0}.bottom-nav a,.bottom-nav button{min-height:54px;color:var(--ink-500);background:0 0;border:0;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:11.5px;font-weight:600;display:flex}.bottom-nav svg{width:22px;height:22px}.bottom-nav .active{color:var(--brand-700)}.bottom-nav__cta span:first-child{background:var(--brand-600);color:#fff;border-radius:18px;place-items:center;width:52px;height:52px;margin-top:-22px;display:grid;box-shadow:0 8px 20px -8px #12786bb3}}.more-sheet{gap:4px;display:grid}.student{background:var(--bg);min-height:100dvh}.student__head{z-index:10;background:var(--brand-800);color:#fff;padding:14px 16px;padding-top:calc(14px + env(safe-area-inset-top));position:sticky;top:0}.student__head-inner,.student__main{max-width:560px;margin:0 auto}.student__head-inner{justify-content:space-between;align-items:center;gap:12px;display:flex}.student__main{padding:20px 16px calc(100px + env(safe-area-inset-bottom))}.points-pill{background:#ffffff24;border-radius:999px;align-items:center;gap:6px;height:36px;padding:0 14px;font-weight:700;display:inline-flex}.points-pill svg{width:18px;height:18px;color:var(--gold-500)}.tabbar{left:0;right:0;z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom);background:#fffffff7;position:fixed;bottom:0}.tabbar__inner{grid-template-columns:repeat(4,1fr);max-width:560px;margin:0 auto;display:grid}.tabbar a{min-height:62px;color:var(--ink-500);flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:12px;font-weight:600;display:flex;position:relative}.tabbar svg{width:24px;height:24px}.tabbar a.active{color:var(--brand-700)}.tabbar a.active:before{content:"";background:var(--brand-600);border-radius:0 0 3px 3px;width:32px;height:3px;position:absolute;top:0}.auth{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);min-height:100dvh;display:grid}.auth__panel{background:var(--brand-800);color:#fff;flex-direction:column;justify-content:space-between;padding:48px;display:flex;position:relative;overflow:hidden}.auth__pattern{opacity:.09;pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.auth__panel>:not(.auth__pattern){position:relative}.auth__panel h1{max-width:14ch;font-size:clamp(1.9rem,3vw,2.6rem)}.auth__panel p{color:#ffffffc7;font-size:var(--fs-lg);max-width:40ch;margin-top:14px}.auth__features{gap:14px;display:grid}.auth__feature{color:#ffffffe0;align-items:center;gap:12px;display:flex}.auth__feature span:first-child{background:#ffffff1a;border-radius:12px;place-items:center;width:38px;height:38px;display:grid}.auth__feature svg{width:20px;height:20px;color:var(--gold-500)}.auth__form-wrap{place-items:center;padding:32px 20px;display:grid}.auth__form{width:min(420px,100%)}.auth__form h2{font-size:var(--fs-2xl)}.auth__form>p{color:var(--ink-500);margin:6px 0 28px}.auth__switch{text-align:center;color:var(--ink-500);font-size:var(--fs-sm);margin-top:22px}.auth__switch a{color:var(--brand-700);font-weight:600}.auth__mobile-brand{margin-bottom:28px;display:none}@media (max-width:860px){.auth{grid-template-columns:1fr}.auth__panel{display:none}.auth__mobile-brand{display:block}.auth__form-wrap{place-items:start center;padding-top:40px}}.role-cards{gap:12px;display:grid}.role-card{text-align:start;border:1px solid var(--line-strong);border-radius:var(--radius-lg);background:var(--surface);align-items:center;gap:16px;width:100%;padding:18px;transition:border-color .15s,box-shadow .15s;display:flex}.role-card:hover{border-color:var(--brand-500);box-shadow:0 0 0 4px #17948214}.role-card__icon{background:var(--brand-50);width:52px;height:52px;color:var(--brand-600);border-radius:16px;flex-shrink:0;place-items:center;display:grid}.role-card__icon--gold{background:var(--gold-50);color:var(--gold-600)}.role-card__icon svg{width:26px;height:26px}.role-card h3{font-size:var(--fs-lg)}.role-card p{color:var(--ink-500);font-size:var(--fs-sm)}.role-card>svg{color:var(--ink-300);width:20px;height:20px;margin-inline-start:auto}