:root{--orange:#915b62;--orange-dark:#78464e;--purple:#d7a3a3;--teal:#c9a76a;--gold:#c9a76a;--dusty-rose:#d7a3a3;--blush:#efd4cf;--ink:#3f3132;--muted:#7c6c6d;--cream:#f5eadc;--ivory:#fbf7ef;--warm-white:#fffdf9;--card:#fffaf4;--line:#ead9cb;--shadow:0 14px 34px #5c3f3e1a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--ivory);color:var(--ink);margin:0;font-family:Tajawal,Segoe UI,Tahoma,Arial,sans-serif}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}.site-header{z-index:30;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffdf9f5;align-items:center;gap:24px;min-height:68px;padding:10px max(24px,50vw - 590px);display:flex;position:sticky;top:0;box-shadow:0 4px 18px #5c3f3e0d}.brand{white-space:nowrap;color:var(--ink);align-items:center;gap:10px;font-size:19px;display:flex}.brand b{color:var(--orange)}.brand-icon{color:var(--orange);place-items:center;display:grid}.brand-monogram{width:42px;height:42px;color:var(--warm-white);background:linear-gradient(145deg, var(--orange), #ad747b);border:2px solid #f3ded9;border-radius:50%;place-items:center;font-size:22px;font-weight:900;display:grid;box-shadow:0 5px 14px #915b6238}.brand-copy{text-align:right;line-height:1.1;display:grid}.brand-copy b{font-size:20px}.brand-copy small{color:var(--muted);margin-top:4px;font-size:10px;font-weight:700}.nav-links{align-items:center;gap:22px;margin-inline:auto;display:flex}.nav-links a{color:#424a5b;align-items:center;gap:6px;font-size:14px;font-weight:700;transition:color .2s;display:flex}.nav-links a:hover{color:var(--orange)}.header-actions{align-items:center;gap:10px;display:flex}.login-icon-button{white-space:nowrap;flex:0 0 44px;width:44px;min-width:44px;padding:0}.search-box{border:1px solid var(--line);color:#8e95a2;background:#fff;border-radius:14px;align-items:center;gap:8px;width:205px;height:42px;padding:0 14px;display:flex}.search-box input{width:100%;min-width:0;color:var(--ink);background:0 0;border:0;outline:0}.primary-btn,.secondary-btn{cursor:pointer;border:0;border-radius:13px;justify-content:center;align-items:center;gap:8px;min-height:43px;padding:0 20px;font-weight:800;display:inline-flex}.primary-btn{color:#fff;background:var(--orange);transition:transform .22s,box-shadow .22s,background .22s;box-shadow:0 8px 18px #915b623d}.primary-btn:hover{background:var(--orange-dark);transform:translateY(-1px)}.primary-btn.large{min-height:50px;padding-inline:26px}.secondary-btn{color:var(--orange-dark);background:var(--warm-white);border:1px solid #d9b6ae;transition:transform .22s,box-shadow .22s}.secondary-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #5c3f3e17}.menu-button{color:var(--ink);background:0 0;border:0;display:none}.hero{background:radial-gradient(circle at 12% 18%, #efd4cfad, transparent 34%), radial-gradient(circle at 86% 78%, #c9a76a2e, transparent 30%), radial-gradient(circle at 64% 22%, #d7a3a340, transparent 36%), var(--ivory);grid-template-columns:1fr 1fr;align-items:center;gap:70px;min-height:580px;padding:72px max(24px,50vw - 560px);display:grid;overflow:hidden}.eyebrow{width:fit-content;color:var(--orange-dark);background:#efd4cf94;border:1px solid #dfbbb4;border-radius:999px;align-items:center;gap:7px;padding:7px 12px;font-size:13px;font-weight:800;display:inline-flex}.hero h1{letter-spacing:-2px;margin:20px 0 16px;font-size:clamp(42px,5vw,68px);line-height:1.2}.hero h1 span{background:linear-gradient(90deg, var(--orange), #b77881, var(--gold));color:#0000;-webkit-background-clip:text}.hero-copy>p{max-width:560px;color:var(--muted);margin:0;font-size:18px;line-height:2}.hero-actions{gap:12px;margin-top:30px;display:flex}.hero-school-identity{width:fit-content;color:var(--orange-dark);background:#fffdf9d1;border:1px solid #dfc4bd;border-radius:15px;align-items:center;gap:9px;margin-top:19px;padding:10px 14px;display:flex;box-shadow:0 8px 20px #5c3f3e0f}.hero-school-identity strong{font-size:15px}.hero-school-identity span{color:var(--muted);border-right:1px solid #ddc7c0;padding-right:9px;font-size:13px;font-weight:700}.hero-art{aspect-ratio:1.08;background:linear-gradient(145deg,#efd4cfc2,#f5eadcc7);border-radius:46% 54% 45% 55%/51% 42% 58% 49%;width:min(100%,520px);margin-inline:auto;position:relative;box-shadow:inset 0 0 80px #fffdf9b8,0 24px 60px #915b6214}.orbit{border:30px solid #ff701412;border-radius:50%;position:absolute}.orbit-one{width:280px;height:280px;top:48px;right:112px}.orbit-two{border-width:22px;width:190px;height:190px;top:93px;right:157px}.student-head{background:var(--orange);border-radius:50%;width:62px;height:62px;position:absolute;top:104px;right:226px}.student-body{background:#ff8b3d;border-radius:45px 45px 20px 20px;width:90px;height:92px;position:absolute;top:174px;right:212px}.laptop{border:9px solid var(--orange);background:#fff8f1;border-radius:10px;width:126px;height:78px;position:absolute;bottom:74px;right:112px;box-shadow:0 12px 0 -4px #ff9a58}.laptop span{background:#ff9a58;border-radius:10px;width:155px;height:8px;position:absolute;bottom:-17px;right:-23px}.art-book{color:var(--orange);fill:#ff8b3d;position:absolute;bottom:55px;left:78px}.art-check{color:var(--teal);background:#fff;border-radius:50%;position:absolute;top:54px;left:64px}.features-section{max-width:1120px;margin:-2px auto 0;padding:48px 24px 86px}.feature-grid,.stats-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.feature-card,.stat-card{background:var(--warm-white);border:1px solid var(--line);border-radius:22px;padding:21px;transition:transform .25s,box-shadow .25s;box-shadow:0 4px #5c3f3e0d}.feature-card:hover,.stat-card:hover{box-shadow:var(--shadow);transform:translateY(-6px)}.feature-card h2{margin:15px 0 6px;font-size:17px}.feature-card p,.stat-card p{color:var(--muted);margin:0;font-size:14px;line-height:1.7}.feature-icon{border-radius:12px;place-items:center;width:46px;height:46px;display:grid}.feature-icon.orange{color:var(--orange);background:var(--blush)}.feature-icon.teal{color:#8a6c36;background:#f2e5c9}.feature-icon.purple{color:#9b6269;background:#efd8d4}.feature-icon.gold{color:#8a6c36;background:#f5eadc}.stats-grid{margin-top:68px}.stat-card{text-align:center;border-top:4px solid var(--orange)}.stat-card span{width:42px;height:42px;color:var(--orange);background:var(--blush);border-radius:12px;place-items:center;margin:0 auto 9px;display:grid}.stat-card strong{color:var(--orange);font-size:31px;display:block}.placeholder-section{border:1px solid var(--line);max-width:1072px;box-shadow:var(--shadow);background:#fff;border-radius:22px;justify-content:space-between;align-items:center;gap:20px;margin:0 auto 90px;padding:34px;display:flex}.placeholder-section h2{margin:13px 0 6px;font-size:28px}.placeholder-section p{color:var(--muted);margin:0}.modal-backdrop{z-index:60;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#13192673;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.login-card{background:#fff;border-radius:24px;width:min(100%,430px);padding:34px;position:relative;box-shadow:0 24px 80px #14161e38}.login-card h2{margin:16px 0 5px;font-size:27px}.login-card>p{color:var(--muted);margin:0 0 24px}.login-logo{color:#fff;background:linear-gradient(135deg, var(--orange), #ff9b55);border-radius:18px;place-items:center;width:58px;height:58px;display:grid}.login-card label{gap:8px;margin-top:15px;font-size:14px;font-weight:700;display:grid}.login-card input{border:1px solid var(--line);border-radius:12px;outline:none;height:48px;padding:0 14px}.login-card input:focus{border-color:var(--orange);box-shadow:0 0 0 3px #fff0e7}.modal-close{cursor:pointer;background:#f7f3ef;border:0;border-radius:50%;place-items:center;width:36px;height:36px;display:grid;position:absolute;top:18px;left:18px}.full{width:100%;margin-top:22px}.text-button{width:100%;color:var(--orange-dark);cursor:pointer;background:0 0;border:0;margin-top:14px}@media (max-width:1050px){.search-box{display:none}.nav-links{gap:12px}}@media (max-width:850px){.site-header{justify-content:space-between}.menu-button{display:grid}.nav-links{top:67px;border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:18px;flex-direction:column;align-items:stretch;padding:14px;display:none;position:absolute;inset-inline:16px}.nav-links.open{display:flex}.nav-links a{padding:10px}.hero{text-align:center;grid-template-columns:1fr;padding-top:50px}.hero-copy{flex-direction:column;align-items:center;display:flex}.hero-art{max-width:480px}.feature-grid,.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.site-header{padding-inline:14px}.brand{font-size:15px}.brand-icon{display:none}.header-actions .primary-btn{min-width:42px;padding:0 12px;font-size:0}.header-actions .primary-btn svg{width:20px;height:20px}.hero{gap:40px;min-height:auto;padding:44px 18px 55px}.hero h1{letter-spacing:-1px;font-size:40px}.hero-copy>p{font-size:16px}.hero-actions{flex-direction:column;width:100%}.hero-actions a{width:100%}.hero-art{transform:scale(.92)}.feature-grid,.stats-grid{grid-template-columns:1fr}.placeholder-section{text-align:center;flex-direction:column;align-items:stretch;margin-inline:18px;padding:25px}}.brand-button{cursor:pointer;background:0 0;border:0;font-family:inherit}.nav-links button{color:#424a5b;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:7px 0;font-size:14px;font-weight:700;transition:color .2s;display:flex}.nav-links button:hover,.nav-links button.active{color:var(--orange)}.demo-banner{color:#7c4b20;background:#fff1df;border-bottom:1px solid #ffe0ba;justify-content:center;align-items:center;gap:7px;min-height:36px;padding:7px 20px;font-size:13px;font-weight:700;display:flex}.page-heading{text-align:center;background:radial-gradient(circle at 16% 20%,#ffcaa56b,#0000 32%),radial-gradient(circle at 82% 75%,#9be1da4d,#0000 30%),#fffdfb;min-height:270px;padding:64px 24px 48px}.page-heading .eyebrow{margin-inline:auto}.page-heading h1{margin:18px 0 8px;font-size:clamp(34px,4vw,49px)}.page-heading p{max-width:700px;color:var(--muted);margin:auto;font-size:17px;line-height:1.9}.content-page{max-width:1120px;margin:0 auto;padding:58px 24px 90px}.section-title{text-align:center;margin-bottom:26px}.section-title span{color:var(--orange);font-size:14px;font-weight:800}.section-title h2{margin:7px 0;font-size:30px}.centered{margin:30px auto 0}.lesson-grid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.lesson-card{border:1px solid var(--line);background:#fff;border-radius:20px;transition:transform .2s,box-shadow .2s;overflow:hidden;box-shadow:0 5px 20px #35281e0f}.lesson-card:hover{box-shadow:var(--shadow);transform:translateY(-4px)}.lesson-cover{color:#fff;background:linear-gradient(135deg, #ff9856, var(--orange));place-items:center;height:170px;display:grid;position:relative}.lesson-cover:after{content:"";border:24px solid #ffffff21;border-radius:50%;width:180px;height:180px;position:absolute}.lesson-cover svg{z-index:1;fill:#ffffff2e;position:relative}.lesson-cover span{z-index:2;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#fff3;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:800;position:absolute;top:16px;right:16px}.lesson-card-body{padding:21px}.lesson-card-body small{color:var(--muted);align-items:center;gap:5px;display:flex}.lesson-card-body h2{margin:12px 0 7px;font-size:20px}.lesson-card-body p{min-height:52px;color:var(--muted);margin:0;font-size:14px;line-height:1.85}.lesson-card-body button,.article-card button{color:var(--orange-dark);cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;margin-top:16px;font-weight:800;display:inline-flex}.filter-row{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:28px;display:flex}.filter{color:#626a7a;border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:999px;align-items:center;gap:7px;padding:9px 17px;transition:transform .2s,background .2s,color .2s,border-color .2s;display:inline-flex}.filter:hover{border-color:#d8b5ad;transform:translateY(-2px)}.filter.active{color:#fff;background:var(--orange);border-color:var(--orange)}.empty-state{text-align:center;color:var(--muted);padding:60px}.subject-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.subject-card{min-height:154px;color:var(--text);text-align:right;background:var(--warm-white);border:1px solid var(--line);cursor:pointer;border-radius:22px;align-items:center;gap:20px;padding:28px;transition:transform .22s,box-shadow .22s,border-color .22s;display:flex;box-shadow:0 6px 18px #3f313212}.subject-card:hover{box-shadow:var(--shadow);border-color:#d8b5ad;transform:translateY(-5px)}.subject-icon{width:70px;height:70px;color:var(--orange);background:#fff0e6;border-radius:20px;flex:none;place-items:center;display:grid}.subject-copy{gap:8px;min-width:0;display:grid}.subject-copy strong{font-size:23px}.subject-copy small{color:var(--muted);font-size:14px}.subject-arrow{color:#b5737b;margin-right:auto;transition:transform .2s}.subject-card:hover .subject-arrow{transform:translate(-4px)}.category-heading{border:1px solid var(--line);background:linear-gradient(145deg,#fffaf4,#f5eadc);border-radius:22px;align-items:center;gap:18px;margin:22px 0;padding:25px;display:flex}.category-heading small{color:var(--orange);font-weight:900}.category-heading h1{margin:4px 0;font-size:30px}.category-heading p{color:var(--muted);margin:0}.category-content-grid{margin-top:24px}.empty-category{text-align:center;color:var(--muted);background:var(--warm-white);border:1px dashed #d9c2b5;border-radius:22px;place-items:center;gap:9px;padding:70px 24px;display:grid}.empty-category h2{color:var(--text);margin:5px 0 0}.empty-category p{margin:0}.step-files-section{margin-top:24px}.step-files-summary{color:var(--orange-dark);border:1px solid var(--line);background:linear-gradient(145deg,#fffaf4,#f5eadc);border-radius:17px;justify-content:space-between;align-items:center;gap:14px;margin-bottom:14px;padding:16px 19px;display:flex}.step-files-summary span{align-items:center;gap:8px;font-weight:900;display:inline-flex}.step-files-summary strong{color:#fff;background:var(--orange);border-radius:999px;padding:7px 12px;font-size:13px}.step-files-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0;padding:0;list-style:none;display:grid}.step-file-card{background:var(--warm-white);border:1px solid var(--line);border-radius:19px;grid-template-rows:auto auto;grid-template-columns:42px 52px minmax(0,1fr);align-items:center;gap:7px 13px;min-height:118px;padding:18px;transition:transform .22s,box-shadow .22s,border-color .22s;display:grid;box-shadow:0 5px 17px #3f31320e}.step-file-card:hover{box-shadow:var(--shadow);border-color:#d8b5ad;transform:translateY(-3px)}.step-file-number{color:#fff;background:var(--orange);border-radius:13px;grid-row:1/3;place-items:center;width:42px;height:42px;font-weight:900;display:grid}.step-file-icon{color:#8b6a30;background:#f2e5c9;border-radius:15px;grid-row:1/3;place-items:center;width:52px;height:52px;display:grid}.step-file-copy{gap:5px;min-width:0;display:grid}.step-file-copy small{color:var(--orange);font-size:12px;font-weight:800}.step-file-copy strong{color:var(--ink);font-size:16px;line-height:1.55}.step-file-status{width:fit-content;color:var(--muted);align-items:center;gap:6px;font-size:12px;font-weight:700;display:inline-flex}.step-file-download{color:#fff;background:var(--teal);border-radius:10px;align-items:center;gap:6px;width:fit-content;padding:8px 12px;font-size:12px;font-weight:900;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-flex}.step-file-download:hover{transform:translateY(-2px);box-shadow:0 7px 16px #31928738}.step-file-actions{flex-wrap:wrap;grid-column:2/-1;gap:9px;display:flex}.step-file-actions .step-file-download{grid-column:auto}.step-file-preview{width:fit-content;color:var(--orange-dark);background:var(--blush);border:1px solid #d8b5ad;border-radius:10px;align-items:center;gap:6px;padding:8px 12px;font-size:12px;font-weight:900;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-flex}.step-file-preview:hover{transform:translateY(-2px);box-shadow:0 7px 16px #915b6229}.file-category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.file-category-card,.file-subcategory-card{min-height:145px;color:var(--ink);text-align:right;font:inherit;background:var(--warm-white);border:1px solid var(--line);cursor:pointer;border-radius:22px;align-items:center;gap:18px;padding:24px;transition:transform .22s,border-color .22s,box-shadow .22s;display:flex;box-shadow:0 6px 20px #3f313211}.file-category-card:hover,.file-subcategory-card:hover{box-shadow:var(--shadow);border-color:#d8b5ad;transform:translateY(-4px)}.file-category-icon{color:#ee444c;background:#fde6e5;border-radius:20px;flex:none;place-items:center;width:70px;height:70px;display:grid}.file-category-copy{gap:7px;min-width:0;display:grid}.file-category-copy strong{font-size:21px;line-height:1.5}.file-category-copy small{color:var(--muted);font-size:14px}.file-category-arrow{color:#788292;flex:none;margin-right:auto;transition:transform .2s}.file-category-card:hover .file-category-arrow,.file-subcategory-card:hover .file-category-arrow{transform:translate(-4px)}.file-subcategory-card{width:min(100%,620px)}.mansaf-file-group-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:28px;display:grid}.mansaf-file-group-card{min-height:156px;color:var(--ink);text-align:right;font:inherit;background:var(--warm-white);border:1px solid var(--line);cursor:pointer;border-radius:22px;grid-template-columns:72px minmax(0,1fr) auto;align-items:center;gap:18px;padding:24px;transition:transform .22s,border-color .22s,box-shadow .22s;display:grid;box-shadow:0 6px 20px #3f313211}.mansaf-file-group-card:hover{box-shadow:var(--shadow);border-color:#d8b5ad;transform:translateY(-4px)}.mansaf-file-group-icon{width:72px;height:72px;color:var(--orange);background:#ffede3;border-radius:20px;place-items:center;display:grid}.mansaf-file-group-copy{gap:8px;min-width:0;display:grid}.mansaf-file-group-copy strong{font-size:20px;line-height:1.55}.mansaf-file-group-copy small{color:var(--muted);font-size:15px}.mansaf-file-group-card:hover .file-category-arrow{transform:translate(-4px)}.quantitative-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:24px;display:grid}.quantitative-section-card{min-height:340px;color:var(--text);text-align:right;font:inherit;border:1px solid var(--line);cursor:pointer;background:linear-gradient(155deg,#fffdf9,#fff7ee);border-radius:24px;flex-direction:column;padding:28px;transition:transform .22s,box-shadow .22s,border-color .22s;display:flex;position:relative;overflow:hidden;box-shadow:0 7px 24px #3f313212}.quantitative-section-card:nth-child(2){background:linear-gradient(155deg,#fffdf9,#f3edff)}.quantitative-section-card:nth-child(3){background:linear-gradient(155deg,#fffdf9,#eaf8f5)}.quantitative-section-card:hover{box-shadow:var(--shadow);border-color:#d8b5ad;transform:translateY(-6px)}.quantitative-section-card-pending{cursor:default}.quantitative-section-card-pending:hover{border-color:var(--line);transform:none;box-shadow:0 7px 24px #3f313212}.quantitative-card-number{color:#915b6226;font-size:48px;font-weight:900;line-height:1;position:absolute;top:17px;left:20px}.quantitative-card-icon{color:#fff;background:linear-gradient(145deg, var(--orange), var(--gold));border-radius:21px;place-items:center;width:72px;height:72px;display:grid;box-shadow:0 10px 20px #915b622b}.quantitative-section-card:nth-child(2) .quantitative-card-icon{background:linear-gradient(145deg, #8966cf, var(--purple))}.quantitative-section-card:nth-child(3) .quantitative-card-icon{background:linear-gradient(145deg, #3ca99f, var(--teal))}.quantitative-card-copy{gap:7px;margin-top:24px;display:grid}.quantitative-card-copy small{color:var(--orange);font-size:13px;font-weight:900}.quantitative-card-copy strong{font-size:25px}.quantitative-card-copy p{color:var(--muted);margin:0;font-size:14px;line-height:1.85}.quantitative-card-footer{border-top:1px solid #915b6224;justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding-top:22px;display:flex}.quantitative-card-footer b{color:var(--orange-dark);background:#ffffffb8;border-radius:999px;padding:7px 11px;font-size:13px}.quantitative-card-footer>span{color:var(--orange);align-items:center;gap:6px;font-weight:900;display:inline-flex}@media (max-width:850px){.quantitative-grid{grid-template-columns:1fr}.quantitative-section-card{min-height:300px}}.series-entry-card .series-cover{background:radial-gradient(circle at 50% 46%,#fff3 0 26%,#0000 27%),linear-gradient(145deg,#9b5d66,#c9a76a)}.series-cover b{z-index:2;color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#3f313259;border-radius:999px;padding:6px 10px;font-size:12px;position:absolute;bottom:14px;left:16px}.series-page{max-width:1000px;margin:0 auto;padding:44px 24px 90px}.series-hero{border:1px solid var(--line);box-shadow:var(--shadow);background:linear-gradient(145deg,#fffaf4,#f5eadc);border-radius:24px;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;margin-top:22px;padding:30px;display:grid}.series-hero-icon{color:#fff;background:linear-gradient(145deg, var(--orange), var(--gold));border-radius:22px;place-items:center;width:76px;height:76px;display:grid}.series-hero small,.lecture-copy small{color:var(--orange);font-weight:900}.series-hero h1{margin:5px 0 6px;font-size:32px}.series-hero p{color:var(--muted);margin:0;line-height:1.8}.series-hero>strong{color:var(--orange-dark);background:var(--warm-white);border:1px solid var(--line);white-space:nowrap;border-radius:999px;padding:9px 13px}.series-tools{color:var(--muted);border:1px solid var(--line);background:#fffdf9c7;border-radius:18px;justify-content:space-between;align-items:center;gap:14px;margin:16px 0 0;padding:15px 18px;display:flex}.series-tools p{margin:0;font-size:14px}.series-channel-link{flex:none;width:fit-content}.lecture-list{gap:14px;margin:24px 0 0;padding:0;list-style:none;display:grid}.lecture-item{background:var(--warm-white);border:1px solid var(--line);border-radius:18px;grid-template-columns:54px minmax(0,1fr) auto;align-items:center;gap:17px;padding:20px;transition:transform .22s,box-shadow .22s,border-color .22s;display:grid;box-shadow:0 4px 15px #3f31320d}.lecture-item:hover{box-shadow:var(--shadow);border-color:#d8b5ad;transform:translateY(-3px)}.lecture-number{color:#fff;background:linear-gradient(145deg, var(--orange), #b5737b);border-radius:16px;place-items:center;width:54px;height:54px;font-size:22px;font-weight:900;display:grid}.lecture-copy h2{margin:5px 0;font-size:19px}.lecture-copy p{color:var(--muted);margin:0;font-size:13px;line-height:1.7}.lecture-item .primary-btn{white-space:nowrap}.pagination-summary{color:var(--muted);border:1px solid var(--line);background:#fffdf9d1;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;margin:24px 0 0;padding:12px 16px;scroll-margin-top:92px;font-size:13px;font-weight:800;display:flex}.pagination{justify-content:center;align-items:center;gap:14px;margin-top:28px;display:flex}.pagination-pages{flex-wrap:wrap;justify-content:center;align-items:center;gap:7px;display:flex}.pagination button{min-width:42px;height:42px;color:var(--ink);background:var(--warm-white);border:1px solid var(--line);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:5px;padding:0 12px;font-family:inherit;font-weight:900;transition:transform .2s,color .2s,background .2s,border-color .2s;display:inline-flex}.pagination button:hover:not(:disabled){border-color:#cfa9a4;transform:translateY(-2px)}.pagination-pages button.active{color:var(--warm-white);background:var(--orange);border-color:var(--orange);box-shadow:0 6px 16px #915b6233}.pagination button:disabled{opacity:.4;cursor:not-allowed}.pagination-nav{min-width:92px!important}.lesson-page,.test-page{max-width:1100px;margin:0 auto;padding:44px 24px 90px}.back-button{color:#6f7788;cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;display:flex}.lesson-page>h1{margin:20px 0 6px;font-size:38px}.lesson-subtitle{color:var(--muted);margin:0 0 26px}.lesson-layout{grid-template-columns:minmax(0,2fr) 310px;align-items:start;gap:22px;display:grid}.video-card,.next-action,.lesson-sidebar{border:1px solid var(--line);background:#fff;border-radius:19px;padding:22px;box-shadow:0 3px #2d221a0d}.video-card h2{margin:0 0 14px;font-size:18px}.video-card iframe,.video-card video,.video-placeholder{aspect-ratio:16/9;background:#172033;border:0;border-radius:13px;width:100%}.video-placeholder{color:#fff;background:radial-gradient(circle at 30% 20%,#3b4964,#0000 45%),#202b42;flex-direction:column;justify-content:center;align-items:center;display:flex}.video-placeholder span{color:var(--orange)}.video-placeholder strong{margin-top:8px}.video-placeholder p{color:#b8c1d2;margin:5px 0}.next-action{justify-content:space-between;align-items:center;gap:18px;margin-top:20px;display:flex}.next-action strong{font-size:17px}.next-action p{color:var(--muted);margin:5px 0 0;font-size:14px}.lesson-sidebar h3{margin:0 0 13px;font-size:17px}.lesson-sidebar h3:not(:first-child){border-top:1px solid var(--line);margin-top:25px;padding-top:20px}.lesson-sidebar>p{color:var(--muted);align-items:center;gap:8px;display:flex}.lesson-sidebar a{background:#fff8f2;border-radius:11px;align-items:center;gap:9px;margin:8px 0;padding:11px;display:flex}.lesson-sidebar a span{flex:1;font-size:13px;font-weight:700}.lesson-sidebar a small{color:var(--muted);font-weight:400;display:block}.muted-note{color:var(--muted);font-size:13px}.file-grid,.test-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.file-card,.test-card{border:1px solid var(--line);background:#fff;border-radius:19px;padding:25px;position:relative;box-shadow:0 3px #2d221a0d}.file-type,.test-category{color:var(--orange-dark);background:#fff0e6;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:800;display:inline-flex}.file-icon,.test-icon{width:62px;height:62px;color:var(--orange);background:#fff2e9;border-radius:17px;place-items:center;margin:24px 0 17px;display:grid}.file-card h2,.test-card h2{min-height:48px;margin:0 0 7px;font-size:18px}.file-card p{color:var(--muted);margin:0 0 20px}.file-card .secondary-btn,.test-card .primary-btn{width:100%}.test-meta{color:var(--muted);border-block:1px solid var(--line);justify-content:space-between;margin:16px 0 20px;padding:12px 0;font-size:13px;display:flex}.test-header{border:1px solid var(--line);background:#fff;border-radius:19px;margin:25px 0;padding:28px}.test-header h1{margin:12px 0 5px}.test-header p{color:var(--muted);margin:0}.question-list{gap:16px;display:grid}.question-card{border:1px solid var(--line);background:#fff;border-radius:19px;padding:25px}.question-number{color:var(--orange);font-size:13px;font-weight:800}.question-card h2{margin:10px 0 18px;font-size:19px}.choices{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.choices label{border:1px solid var(--line);cursor:pointer;border-radius:12px;align-items:center;gap:9px;padding:13px;display:flex}.choices input{accent-color:var(--orange)}.submit-test{min-width:170px;margin-top:22px}.submit-test:disabled{opacity:.45;cursor:not-allowed}.result-card{text-align:center;color:#345e59;background:#e8f8f5;border:1px solid #c7ece7;border-radius:20px;margin-top:22px;padding:34px}.result-card h2{margin:12px 0 5px}.simulation-tests-page{gap:22px;display:grid}.simulation-summary{color:#fff;background:linear-gradient(135deg,#7a4e55,#9b676c);border-radius:22px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;padding:24px 26px;display:grid;box-shadow:0 16px 35px #5b393e2e}.simulation-summary>span{color:#7a4e55;background:#fff7ed;border-radius:19px;place-items:center;width:66px;height:66px;display:grid}.simulation-summary small{color:#f4ddd3;font-weight:800}.simulation-summary h2{margin:4px 0;font-size:22px}.simulation-summary p{color:#f8ebe6;margin:0}.simulation-summary>strong{color:#6f474d;white-space:nowrap;background:#fff7ed;border-radius:999px;padding:10px 14px}.test-filter-bar{flex-wrap:wrap;gap:8px;display:flex}.test-filter-bar button{color:var(--ink);background:var(--warm-white);border:1px solid var(--line);cursor:pointer;border-radius:999px;padding:10px 17px;font-family:inherit;font-weight:900}.test-filter-bar button.active{color:#fff;background:var(--orange);border-color:var(--orange);box-shadow:0 7px 18px #915b622e}.simulation-test-card{flex-direction:column;display:flex}.test-card-tags{justify-content:space-between;align-items:flex-start;gap:8px;min-height:30px;display:flex}.test-level{color:#71533f;background:#f5e7d6;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:900}.simulation-test-card p{min-height:48px;color:var(--muted);margin:0;font-size:14px;line-height:1.7}.simulation-test-card .test-meta{margin-top:auto}.simulation-test-card .test-meta span{align-items:center;gap:5px;display:inline-flex}.simulation-test-header{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;display:grid}.test-header-copy h1{margin-top:12px;font-size:clamp(25px,4vw,36px)}.test-timer{color:#52625f;font-variant-numeric:tabular-nums;background:#eef7f4;border:1px solid #d3e7e0;border-radius:16px;grid-template-columns:auto 1fr;align-items:center;gap:2px 9px;min-width:155px;padding:14px 18px;display:grid}.test-timer svg{grid-row:1/3}.test-timer small{color:#768783;font-weight:800}.test-timer strong{letter-spacing:1px;font-size:24px}.test-timer.warning{color:#8d5b18;background:#fff7df;border-color:#efd9a5}.test-timer.critical{color:#a63838;background:#fff0ef;border-color:#efc5c1;animation:1s ease-in-out infinite timer-pulse}@keyframes timer-pulse{50%{transform:scale(1.025);box-shadow:0 0 0 5px #a638380f}}.test-progress-track{background:#eee7e1;border-radius:999px;grid-column:1/-1;height:8px;overflow:hidden}.test-progress-track span{border-radius:inherit;background:linear-gradient(90deg,#c78565,#8f5b63);height:100%;transition:width .3s;display:block}.test-progress-copy{color:var(--muted);grid-column:1/-1;justify-content:space-between;font-size:12px;font-weight:800;display:flex}.simulation-result-card{text-align:right;justify-content:center;align-items:center;gap:18px;display:flex}.simulation-result-card h2{font-size:28px}.simulation-result-card p{margin:4px 0 0}.question-navigator{background:var(--warm-white);border:1px solid var(--line);border-radius:17px;grid-template-columns:repeat(10,minmax(42px,1fr));gap:8px;margin:18px 0;padding:15px;display:grid}.question-navigator button{height:43px;color:var(--muted);cursor:pointer;background:#f7f2ee;border:1px solid #0000;border-radius:11px;font-family:inherit;font-weight:900}.question-navigator button.answered{color:#6f474d;background:#f1e2de}.question-navigator button.current{color:#fff;background:var(--orange);border-color:var(--orange);box-shadow:0 6px 14px #915b6233}.question-navigator button.correct:not(.current){color:#2f7565;background:#e5f4ef}.question-navigator button.wrong:not(.current){color:#9b4444;background:#fae8e6}.question-navigator button.unanswered:not(.current){color:#8b6a30;background:#f7eedc}.focused-question-card{min-height:390px}.focused-question-heading{justify-content:space-between;align-items:center;gap:10px;display:flex}.answered-mark{color:#42786d;align-items:center;gap:5px;font-size:12px;font-weight:900;display:inline-flex}.reading-passage{color:#4e4745;background:#f8f2eb;border:0;border-right:4px solid #b67e66;border-radius:14px;margin:20px 0;padding:20px}.reading-passage small{color:#8d5b50;font-weight:900}.reading-passage p{margin:8px 0 0;line-height:2}.focused-choices label{align-items:center;min-height:58px;position:relative}.focused-choices label.correct-choice{color:#27695b;background:#e5f4ef;border-color:#77b5a5}.focused-choices label.wrong-choice{color:#8f3939;background:#fae8e6;border-color:#d99791}.focused-choices input{opacity:0;pointer-events:none;position:absolute}.choice-letter{color:#79525a;background:#f5e9e5;border-radius:9px;flex:none;place-items:center;width:30px;height:30px;font-weight:900;display:grid}.focused-choices label.selected .choice-letter{color:#fff;background:var(--orange)}.focused-choices label.correct-choice .choice-letter{background:#3f8a79}.focused-choices label.wrong-choice .choice-letter{background:#b75252}.answer-explanation{color:#3f6d63;background:#edf7f4;border-radius:13px;gap:10px;margin-top:18px;padding:15px;display:flex}.answer-explanation svg{flex:none;margin-top:2px}.answer-explanation p{margin:4px 0 0;line-height:1.7}.test-runner-actions{justify-content:space-between;gap:10px;margin-top:14px;display:flex}.test-runner-actions button{justify-content:center;align-items:center;gap:6px;min-width:130px;display:inline-flex}.test-runner-actions button:disabled{opacity:.4;cursor:not-allowed}.test-submit-strip{color:#fff;background:#6f4c52;border-radius:17px;justify-content:space-between;align-items:center;gap:18px;margin-top:24px;padding:18px 20px;display:flex}.test-submit-strip div{gap:3px;display:grid}.test-submit-strip span{color:#ead8d5;font-size:13px}.test-submit-strip .primary-btn{color:#6f4c52;background:#fff;flex:none}.test-submit-strip .primary-btn:disabled{opacity:.5}.certificate-result-card{color:var(--ink);background:var(--warm-white);border-color:var(--line)}.certificate-result-card .certificate-name-box{max-width:560px;margin-inline:auto}.article-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.article-card{border-radius:22px;flex-direction:column;justify-content:flex-end;min-height:275px;padding:26px;display:flex;overflow:hidden}.article-card>span{width:fit-content;color:var(--orange-dark);background:#ffffffbf;border-radius:999px;padding:6px 9px;font-size:12px;font-weight:800}.article-card h2{margin:15px 0 7px;font-size:22px}.article-card p{color:var(--muted);margin:0;line-height:1.8}.articles-library{gap:30px;display:grid}.articles-stats{color:#6f5256;background:var(--warm-white);border:1px solid var(--line);border-radius:17px;flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;padding:15px 18px;display:flex;box-shadow:0 8px 24px #56383a0f}.articles-stats span{border-left:1px solid var(--line);align-items:center;gap:7px;padding:8px 14px;font-size:13px;font-weight:800;display:inline-flex}.articles-stats span:last-child{border-left:0}.articles-stats svg{color:var(--gold)}.articles-stats b{color:var(--orange-dark);font-size:18px}.featured-articles,.article-category-section{gap:16px;display:grid}.section-kicker{align-items:flex-start;gap:10px;display:flex}.section-kicker>svg{color:var(--gold);margin-top:4px}.section-kicker h2{color:var(--ink);margin:0 0 3px;font-size:22px}.section-kicker p{color:var(--muted);margin:0;font-size:13px}.featured-article-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.featured-article-list button{min-height:82px;color:var(--ink);text-align:right;cursor:pointer;font:inherit;background:linear-gradient(145deg,#fff9f2,#f5e7dc);border:1px solid #e2cdbf;border-radius:15px;grid-template-columns:1fr auto;align-items:end;gap:5px 8px;padding:14px;font-size:13px;font-weight:900;transition:transform .2s,border-color .2s,box-shadow .2s;display:grid}.featured-article-list button:hover{border-color:#cba7a4;transform:translateY(-3px);box-shadow:0 10px 22px #593a3d14}.featured-article-list button span{color:#8b6a30;background:#f1e3c4;border-radius:999px;grid-column:1/-1;width:fit-content;padding:3px 7px;font-size:10px}.featured-article-list button svg{color:var(--orange)}.article-category-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.article-category-grid button{min-height:120px;color:var(--ink);text-align:right;background:var(--warm-white);border:1px solid var(--line);cursor:pointer;font:inherit;border-radius:17px;justify-items:start;gap:8px;padding:16px;transition:transform .2s,border-color .2s,box-shadow .2s;display:grid}.article-category-grid button:hover,.article-category-grid button.active{border-color:#ba8c91;transform:translateY(-3px);box-shadow:0 10px 22px #593a3d14}.article-category-grid button.active{background:#f8eae5;box-shadow:inset 0 0 0 1px #c69799,0 10px 22px #593a3d14}.article-category-grid button>span{color:#8d5a62;background:#f3dfdb;border-radius:13px;place-items:center;width:44px;height:44px;display:grid}.article-category-grid strong{font-size:14px}.article-category-grid small{color:var(--muted);font-size:11px}.article-tools{border:1px solid var(--line);background:#f6efe8;border-radius:16px;justify-content:space-between;align-items:center;gap:16px;padding:13px 15px;display:flex}.article-tools label{background:var(--warm-white);border:1px solid var(--line);border-radius:11px;align-items:center;gap:8px;min-width:min(100%,460px);padding:0 12px;display:flex}.article-tools label:focus-within{border-color:var(--orange);box-shadow:0 0 0 3px #915b621a}.article-tools input{width:100%;color:var(--ink);font:inherit;background:0 0;border:0;outline:0;padding:11px 0}.article-tools p{color:var(--muted);margin:0;font-size:13px}.article-tools b{color:var(--orange-dark)}.article-card{background:var(--warm-white);border:1px solid var(--line);justify-content:flex-start;min-height:310px}.article-card-top{justify-content:space-between;align-items:flex-start;gap:8px;min-height:35px;display:flex}.article-category-tag{color:#79535a;background:#ffffffc7;border:1px solid #915b6221;border-radius:999px;align-items:center;gap:5px;width:fit-content;padding:6px 9px;font-size:11px;font-weight:900;display:inline-flex}.article-card-top>small{color:#8b6a30;background:#f1e4c6;border-radius:999px;align-items:center;gap:4px;padding:5px 7px;font-size:9px;font-weight:900;display:inline-flex}.article-card h2{min-height:60px;margin-top:18px;font-size:20px;line-height:1.5}.article-card p{-webkit-line-clamp:4;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.article-card button{margin-top:auto;padding-top:18px}.category-plum>span,.article-category-tag.category-plum{color:#7a586e;background:#eee1ea}.category-gold>span,.article-category-tag.category-gold{color:#85652f;background:#f2e5c8}.category-teal>span,.article-category-tag.category-teal{color:#477167;background:#dfeee9}.category-blue>span,.article-category-tag.category-blue{color:#526b7d;background:#e3ebf0}.category-peach>span,.article-category-tag.category-peach{color:#8b5e4f;background:#f5e2d7}.category-green>span,.article-category-tag.category-green{color:#4c7155;background:#e2eee1}.article-detail-hero{border:1px solid var(--line);background:linear-gradient(145deg,#f3ddd8,#fffaf4);border-radius:24px;max-width:1180px;margin:34px auto 0;padding:28px 32px}.article-detail-hero.category-plum{background:linear-gradient(145deg,#ebdce7,#fffaf5)}.article-detail-hero.category-gold{background:linear-gradient(145deg,#f1e2bf,#fffaf4)}.article-detail-hero.category-teal{background:linear-gradient(145deg,#dcebe7,#fffaf5)}.article-detail-hero.category-blue{background:linear-gradient(145deg,#e0e9ef,#fffaf5)}.article-detail-hero.category-peach{background:linear-gradient(145deg,#f1ded2,#fffaf5)}.article-detail-hero.category-green{background:linear-gradient(145deg,#deebdd,#fffaf5)}.back-button{color:var(--orange-dark);cursor:pointer;font:inherit;background:0 0;border:0;align-items:center;gap:5px;padding:7px 0 13px;font-size:13px;font-weight:900;display:inline-flex}.article-detail-heading{grid-template-columns:70px minmax(0,1fr);align-items:center;gap:18px;display:grid}.article-detail-heading>span{color:#fff;background:linear-gradient(145deg,var(--orange),#b67981);border-radius:20px;place-items:center;width:70px;height:70px;display:grid;box-shadow:0 12px 24px #794f552b}.article-detail-heading small{color:var(--orange-dark);font-weight:900}.article-detail-heading h1{color:var(--ink);margin:4px 0;font-size:clamp(27px,4vw,42px);line-height:1.35}.article-detail-heading p{color:var(--muted);margin:0}.article-detail-page{max-width:1040px;margin:0 auto;padding:28px 24px 90px}.article-lead{background:#6f4c52;border-radius:19px;margin-bottom:20px;padding:24px 27px;box-shadow:0 14px 30px #442a2d24}.article-lead span{color:#e8c58c;font-size:12px;font-weight:900}.article-lead p{color:#fff;margin:8px 0 0;font-size:18px;font-weight:800;line-height:1.9}.article-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.article-detail-grid>section{background:var(--warm-white);border:1px solid var(--line);border-radius:17px;grid-template-columns:38px minmax(0,1fr);align-content:start;gap:13px;padding:22px;display:grid}.article-detail-grid>.article-wide{grid-column:1/-1}.article-section-number{color:#fff;background:var(--orange);border-radius:10px;place-items:center;width:34px;height:34px;font-size:13px;font-weight:900;display:grid}.article-detail-grid h2{color:var(--ink);margin:2px 0 8px;font-size:18px}.article-detail-grid p{color:var(--muted);margin:0;line-height:1.9}.article-detail-grid ol{color:var(--muted);gap:8px;margin:4px 0 0;padding-right:20px;line-height:1.8;display:grid}.article-detail-grid .article-warning{background:#fff6ec;border-color:#ead3b7}.article-detail-grid .article-training{background:#edf5f1;border-color:#cfe2d8}.article-summary{background:#f5ece8!important}.article-answer{background:#e9f4ef;border:1px solid #c8dfd5;border-radius:17px;grid-column:1/-1;overflow:hidden}.article-answer summary{color:#3d6e62;cursor:pointer;align-items:center;gap:8px;padding:17px 20px;font-weight:900;display:flex}.article-answer p{color:#476e65;margin:0;padding:0 20px 20px;line-height:1.9}.article-related{background:var(--warm-white);border:1px solid var(--line);border-radius:18px;justify-content:space-between;align-items:center;gap:18px;margin-top:20px;padding:22px;display:flex}.article-related>div{align-items:center;gap:10px;display:flex}.article-related>div:first-child>svg{color:var(--gold)}.article-related h2{margin:0 0 3px;font-size:18px}.article-related p{color:var(--muted);margin:0;font-size:12px}.article-related button{align-items:center;gap:6px;display:inline-flex}.article-sources{border:1px solid var(--line);background:#f8f2eb;border-radius:18px;margin-top:20px;padding:22px}.article-sources ul{gap:9px;margin:16px 0 12px;padding:0;list-style:none;display:grid}.article-sources li a{color:var(--ink);background:var(--warm-white);border:1px solid var(--line);border-radius:12px;grid-template-columns:1fr auto;gap:3px 12px;padding:12px 14px;text-decoration:none;display:grid}.article-sources li a:hover{border-color:#c49a9d}.article-sources li strong{font-size:13px}.article-sources li span{color:var(--muted);grid-column:1;font-size:11px}.article-sources li svg{color:var(--orange);grid-area:1/2/3;align-self:center}.article-sources>small{color:#75686a;line-height:1.7}.article-bottom-nav{justify-content:space-between;gap:12px;margin-top:20px;display:flex}.article-bottom-nav button{align-items:center;gap:6px;display:inline-flex}.contact-layout,.login-page{grid-template-columns:1fr 1.15fr;align-items:stretch;gap:30px;max-width:1000px;margin:0 auto;padding:58px 24px 90px;display:grid}.contact-info,.login-visual{color:#fff;background:linear-gradient(145deg, var(--orange), #ff9551);border-radius:24px;padding:42px}.contact-info>span,.login-visual>span{width:62px;height:62px;color:var(--orange);background:#fff;border-radius:18px;place-items:center;display:grid}.contact-info h2,.login-visual h1{margin:20px 0 8px;font-size:29px}.contact-info p,.login-visual p{color:#ffffffd9;line-height:1.9}.contact-info div{margin-top:28px;display:grid}.contact-info small{margin-top:6px}.contact-email-link{color:#fff;text-underline-offset:4px;direction:ltr;align-items:center;gap:7px;width:fit-content;margin-top:8px;font-weight:800;text-decoration:underline;display:inline-flex}.contact-email-link:hover{color:#f5dfb8}.form-card{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:24px;padding:32px}.form-card label,.admin-form label{color:#374052;gap:8px;margin-bottom:16px;font-size:14px;font-weight:800;display:grid}.form-card input,.form-card textarea,.admin-form input,.admin-form textarea,.admin-form select{width:100%;color:var(--ink);border:1px solid var(--line);background:#fff;border-radius:11px;outline:none;padding:12px 14px}.form-card input:focus,.form-card textarea:focus,.admin-form input:focus,.admin-form textarea:focus,.admin-form select:focus{border-color:var(--orange);box-shadow:0 0 0 3px #fff0e7}.success-message{color:#1c7f75;align-items:center;gap:7px;display:flex}.login-page{align-items:center;max-width:980px;min-height:calc(100vh - 68px)}.login-visual ul{gap:13px;margin:28px 0 0;padding:0;list-style:none;display:grid}.login-visual li{align-items:center;gap:9px;display:flex}.login-visual li svg{width:19px}.login-card-page{width:100%}.form-message{color:#7e4b1f;background:#fff3e7;border-radius:10px;padding:11px;font-size:13px;line-height:1.6}.demo-divider{text-align:center;color:var(--muted);margin:22px 0;position:relative}.demo-divider:before{content:"";border-top:1px solid var(--line);position:absolute;top:50%;left:0;right:0}.demo-divider span{background:#fff;padding:0 12px;position:relative}.site-footer{color:#cbd2df;background:#1b2434;grid-template-columns:2fr 1fr;gap:35px;padding:45px max(24px,50vw - 540px);display:grid}.site-footer>div{flex-direction:column;align-items:flex-start;gap:9px;display:flex}.site-footer p{max-width:480px;margin:6px 0;line-height:1.8}.site-footer button,.site-footer a{color:#cbd2df;cursor:pointer;background:0 0;border:0;padding:0}.site-footer button:hover,.site-footer a:hover{color:#fff}.footer-brand{color:#fff;align-items:center;gap:8px;font-size:19px;font-weight:800;display:flex}.footer-rights{color:#d9c5bc;border-top:1px solid #ead9cb2e;grid-column:1/-1;justify-content:space-between;padding-top:18px;font-size:13px;flex-direction:row!important;align-items:center!important}.dashboard-shell{background:#f7f8fb;grid-template-columns:245px minmax(0,1fr);min-height:calc(100vh - 68px);display:grid}.dashboard-sidebar{color:#d4dbe8;background:#1d2738;flex-direction:column;padding:22px 14px;display:flex}.dashboard-user{background:#ffffff12;border-radius:14px;align-items:center;gap:10px;margin-bottom:20px;padding:14px;display:flex}.dashboard-user>span{color:#fff;background:var(--orange);border-radius:11px;place-items:center;width:40px;height:40px;display:grid}.dashboard-user div{min-width:0;display:grid}.dashboard-user strong{color:#fff;text-overflow:ellipsis;font-size:13px;overflow:hidden}.dashboard-user small{color:#9ea9ba;margin-top:3px;font-size:11px}.dashboard-sidebar>button{color:#c8d0dd;cursor:pointer;text-align:right;background:0 0;border:0;border-radius:10px;align-items:center;gap:9px;width:100%;margin:3px 0;padding:11px 13px;display:flex}.dashboard-sidebar>button.active{color:#fff;background:var(--orange)}.dashboard-sidebar .logout-button{color:#ffc9bd;margin-top:auto}.dashboard-main{min-width:0;padding:30px;overflow-x:hidden}.dashboard-top{justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.dashboard-top span{color:var(--muted);font-size:13px}.dashboard-top h1{margin:4px 0;font-size:28px}.dashboard-kpis{grid-template-columns:repeat(4,1fr);gap:15px;display:grid}.kpi{background:#fff;border:1px solid #edf0f4;border-radius:16px;align-items:center;gap:13px;padding:20px;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 14px #1d27380a}.kpi>span{border-radius:12px;place-items:center;width:45px;height:45px;display:grid}.kpi strong{font-size:25px;display:block}.kpi p{color:var(--muted);margin:2px 0 0;font-size:12px}.kpi-chart{opacity:.08;position:absolute;bottom:8px;left:10px}.dashboard-grid{grid-template-columns:1.35fr 1fr;gap:20px;margin-top:20px;display:grid}.panel{background:#fff;border:1px solid #e9edf2;border-radius:18px;padding:23px;box-shadow:0 4px 16px #1d273809}.panel-title{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.panel-title h2{margin:0;font-size:19px}.panel-title p{color:var(--muted);margin:5px 0 0;font-size:13px}.panel-title button{color:var(--orange);cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;display:flex}.table-row{border-top:1px solid #eef1f4;grid-template-columns:38px 1fr auto;align-items:center;gap:9px;padding:12px 0;display:grid}.mini-icon{width:35px;height:35px;color:var(--orange);background:#fff1e7;border-radius:10px;place-items:center;display:grid}.table-row div{display:grid}.table-row strong{font-size:13px}.table-row small{color:var(--muted)}.status-live{color:#167e72;background:#e6f7f4;border-radius:999px;padding:5px 8px;font-size:10px;font-weight:800}.progress-stat{grid-template-columns:1fr auto;gap:5px;padding:14px 0 24px;display:grid;position:relative}.progress-stat span{font-size:13px}.progress-stat b{color:var(--teal);font-size:13px}.progress-stat i{background:#edf1f4;border-radius:10px;height:7px;position:absolute;bottom:10px;left:0;right:0;overflow:hidden}.progress-stat em{background:linear-gradient(90deg, var(--teal), #5ac6bd);border-radius:inherit;height:100%;display:block}.admin-form{max-width:900px}.form-grid{grid-template-columns:1fr 1fr;gap:0 16px;display:grid}.full-field{grid-column:1/-1}.upload-zone{text-align:center;cursor:pointer;background:#fff9f5;border:2px dashed #ffd0ae;border-radius:15px;justify-content:center;align-items:center;min-height:150px;padding:20px;color:var(--orange)!important;display:flex!important}.upload-zone span{color:var(--muted);font-weight:400}.upload-zone input{display:none}.upload-progress{background:#eef1f4;border-radius:999px;height:23px;margin:8px 0 18px;position:relative;overflow:hidden}.upload-progress span{background:linear-gradient(90deg, var(--orange), #ffab70);height:100%;display:block}.upload-progress b{color:#3d4554;place-items:center;font-size:11px;display:grid;position:absolute;inset:0}.toggle-line{grid-template-columns:auto 1fr;align-items:center;gap:7px!important;display:flex!important}.toggle-line input{width:auto;accent-color:var(--orange)}.save-button{min-width:150px}.data-table{overflow:auto}.data-row{border-top:1px solid #edf0f4;grid-template-columns:2fr 1fr 1fr 1fr;align-items:center;gap:12px;min-width:620px;padding:14px 10px;font-size:13px;display:grid}.data-row>span:first-child{align-items:center;gap:7px;display:flex}.table-head{color:var(--muted);background:#f8f9fb;border-radius:10px;font-weight:800}.score-pill{color:#167e72;background:#e4f7f4;border-radius:999px;width:fit-content;padding:5px 8px;font-weight:800}.message-row{border-top:1px solid #edf0f4;grid-template-columns:42px 1fr auto;align-items:start;gap:10px;padding:16px 0;display:grid}.message-row>span{width:40px;height:40px;color:var(--purple);background:#f0eaff;border-radius:11px;place-items:center;display:grid}.message-row p{color:var(--muted);margin:5px 0}.message-row button{color:var(--orange);background:0 0;border:0}.connection{color:#8b5a2e;background:#fff4e8;border:1px solid #ffdfbf;border-radius:14px;gap:12px;padding:18px;display:flex}.connection.connected{color:#176f67;background:#e7f7f5;border-color:#c6ebe7}.connection>span{place-items:center;width:42px;height:42px;display:grid}.connection p{margin:5px 0 0;line-height:1.7}.settings-panel h3{margin-top:28px}.backend-list{grid-template-columns:repeat(2,1fr);gap:10px;padding:0;list-style:none;display:grid}.backend-list li{background:#f8f9fb;border-radius:11px;gap:4px;padding:14px;display:grid}.backend-list span{color:var(--muted);font-size:12px}.dashboard-alert{color:#176f67;max-width:430px;box-shadow:var(--shadow);background:#e7f7f5;border:1px solid #bfe7e2;border-radius:12px;align-items:center;gap:8px;padding:13px 17px;display:flex;position:fixed;bottom:24px;left:24px}.student-report{gap:20px;min-width:0;display:grid}.student-report>*,.student-detail-grid>*{min-width:0}.student-kpis{margin-bottom:0}.student-list-panel{min-width:0;padding-bottom:16px}.student-toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:18px;display:flex}.student-toolbar label{min-height:44px;color:var(--muted);background:#faf8f6;border:1px solid #eadfd9;border-radius:12px;align-items:center;gap:8px;padding:0 13px;display:flex}.student-toolbar label:first-child{flex:1;min-width:min(100%,320px)}.student-toolbar input,.student-toolbar select{width:100%;color:var(--ink);font:inherit;background:0 0;border:0;outline:0;font-size:13px}.student-toolbar select{cursor:pointer;min-width:175px}.student-list-summary{color:var(--muted);background:#faf8f6;border:1px solid #eadfd9;border-radius:11px;justify-content:space-between;align-items:center;gap:12px;margin:-4px 0 14px;padding:10px 13px;font-size:12px;display:flex}.student-list-summary strong{color:var(--orange-dark)}.student-pagination{margin:18px 0 2px}.student-pagination .pagination-pages{min-width:110px;color:var(--muted);font-size:12px;font-weight:800}.student-data-table{width:100%;min-width:0;padding-bottom:4px}.student-data-row{border-top:1px solid #edf0f4;grid-template-columns:1.15fr .95fr .85fr 1.45fr .85fr .45fr .5fr .65fr;align-items:center;gap:9px;min-width:1000px;padding:13px 10px;font-size:11px;transition:background .2s;display:grid}.student-data-row.selected{box-shadow:inset -3px 0 var(--orange);background:#fff8f3}.student-data-head{color:var(--muted);background:#f7f8fa;border-top:0;border-radius:11px;font-weight:900}.student-data-row>span{min-width:0}.student-data-row small{color:var(--muted);margin-top:4px;font-size:10px;display:block}.student-table-name{align-items:center;gap:8px;display:flex}.student-table-name strong{font-size:13px}.presence-dot{background:#a9b0ba;border-radius:50%;flex:none;width:9px;height:9px;box-shadow:0 0 0 4px #f0f2f4}.presence-dot.online{background:#23aa82;box-shadow:0 0 0 4px #dcf5ec}.presence-dot.active-today{background:#d3a447;box-shadow:0 0 0 4px #f7edd8}.last-location{color:#65565a;align-items:center;gap:6px;line-height:1.6;display:flex}.last-location svg{color:var(--orange);flex:none}.student-details-button{color:var(--orange-dark);cursor:pointer;font:inherit;white-space:nowrap;background:#fff3eb;border:1px solid #f0d4c3;border-radius:9px;padding:7px 10px;font-weight:900}.student-details-button:hover{color:#fff;background:var(--orange);border-color:var(--orange)}.student-empty{text-align:center;min-width:720px;color:var(--muted);padding:34px}.student-profile-section{background:linear-gradient(155deg,#fffdfb,#f8f1eb);border:1px solid #e8dcd5;border-radius:20px;min-width:0;overflow:hidden;box-shadow:0 8px 24px #3f31320f}.student-profile-header{border-bottom:1px solid #eadfd8;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:23px 25px;display:grid}.student-avatar{color:#fff;background:linear-gradient(145deg, var(--orange), #b77980);border-radius:17px;place-items:center;width:58px;height:58px;display:grid;box-shadow:0 8px 18px #915b622e}.student-profile-header small{color:var(--orange);font-weight:900}.student-profile-header h2{margin:3px 0 5px;font-size:24px}.student-profile-header p{color:var(--muted);align-items:center;gap:6px;margin:0;font-size:13px;display:flex}.student-status{color:#856933;background:#f6ecd8;border-radius:999px;padding:7px 11px;font-size:11px;font-weight:900}.student-status.online{color:#167e72;background:#e4f7f4}.student-profile-kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:18px 24px;display:grid}.student-profile-kpis article{background:#ffffffc2;border:1px solid #eadfd9;border-radius:14px;align-items:center;gap:10px;padding:15px;display:flex}.student-profile-kpis article>span{width:39px;height:39px;color:var(--orange);background:#fff0e8;border-radius:11px;flex:none;place-items:center;display:grid}.student-profile-kpis article div{gap:3px;min-width:0;display:grid}.student-profile-kpis small{color:var(--muted);font-size:10px}.student-profile-kpis strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.student-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:0 24px 24px;display:grid}.student-detail-grid .panel{box-shadow:none}.activity-timeline{margin:0;padding:0;list-style:none;display:grid}.activity-timeline li{grid-template-columns:34px 1fr;gap:11px;padding:0 0 18px;display:grid;position:relative}.activity-timeline li:not(:last-child):after{content:"";background:#e2cbc0;width:1px;position:absolute;top:34px;bottom:2px;right:16px}.activity-timeline li>span{z-index:1;color:#fff;background:var(--orange);border:4px solid #fff0e7;border-radius:50%;place-items:center;width:34px;height:34px;font-size:10px;font-weight:900;display:grid}.activity-timeline li div{gap:3px;display:grid}.activity-timeline small{color:var(--orange);font-size:10px;font-weight:900}.activity-timeline strong{font-size:13px}.activity-timeline p{color:var(--muted);margin:0;font-size:11px;line-height:1.6}.mini-results-list{display:grid}.mini-results-list>div{border-top:1px solid #edf0f4;grid-template-columns:36px minmax(0,1fr) auto auto;align-items:center;gap:9px;padding:12px 0;display:grid}.mini-results-list>div>span{width:34px;height:34px;color:var(--purple);background:#f1ecfb;border-radius:10px;place-items:center;display:grid}.student-games-panel .mini-results-list>div>span{color:var(--orange);background:#fff0e7}.mini-results-list div div{gap:3px;min-width:0;display:grid}.mini-results-list strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.mini-results-list small{color:var(--muted);font-size:10px}.mini-results-list b{color:#896536;font-size:12px}.mini-results-list b.high-score{color:#167e72}.mini-results-list em{white-space:nowrap;border-radius:999px;padding:5px 7px;font-size:9px;font-style:normal;font-weight:900}.certificate-earned{color:#167e72;background:#e4f7f4}.certificate-pending{color:#8a6570;background:#f4e8eb}.no-records{text-align:center;color:var(--muted);padding:22px;font-size:12px}.certificate-list{gap:9px;display:grid}.certificate-list button{width:100%;color:var(--ink);text-align:right;cursor:pointer;font:inherit;background:#fffaf4;border:1px solid #ead9c5;border-radius:13px;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px;display:grid}.certificate-list button:hover{border-color:var(--gold);box-shadow:0 6px 16px #8b6a3017}.certificate-list button>span{color:#8b6a30;background:#f3e7ca;border-radius:11px;place-items:center;width:40px;height:40px;display:grid}.certificate-list button div{gap:3px;min-width:0;display:grid}.certificate-list button strong{font-size:12px}.certificate-list button small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.certificate-list button b{color:var(--orange);font-size:11px}.no-certificate{min-height:112px;color:var(--muted);background:#faf8f6;border:1px dashed #ddcdc4;border-radius:13px;align-content:center;place-items:center;gap:8px;font-size:12px;display:grid}.games-page{padding-top:46px}.game-detail-back{width:fit-content;margin-bottom:18px}.game-detail-back+.multi-stage-game{margin-top:0}.games-heading{align-items:center;gap:14px;margin-bottom:22px;display:flex}.games-heading h2{margin:0 0 4px;font-size:27px}.games-heading p{color:var(--muted);margin:0}.games-main-icon{width:68px;height:68px;color:var(--warm-white);background:linear-gradient(145deg, var(--orange), #ad747b);border:5px solid var(--blush);border-radius:22px;place-items:center;animation:3s ease-in-out infinite game-icon-bounce;display:grid;box-shadow:0 12px 26px #915b622e}.games-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.game-card{background:var(--warm-white);border:1px solid var(--line);border-radius:21px;flex-direction:column;padding:22px;transition:transform .25s,box-shadow .25s,border-color .25s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px #5c3f3e0d}.game-card:after{content:"✦";color:var(--gold);opacity:.45;animation:1.8s ease-in-out infinite star-twinkle;position:absolute;top:13px;left:17px}.game-completed{z-index:2;color:#356447;background:#e8f4e9;border-radius:999px;align-items:center;gap:4px;padding:5px 8px;font-size:9px;font-weight:900;display:inline-flex;position:absolute;top:14px;right:14px}.game-card:hover,.game-card.active{box-shadow:var(--shadow);border-color:#d2a8a5;transform:translateY(-6px)}.game-card.active{background:linear-gradient(145deg,#fffdf9,#f8e9e5)}.game-icon{width:58px;height:58px;color:var(--orange);background:var(--blush);border-radius:17px;place-items:center;transition:transform .25s;display:grid}.game-card:nth-child(2) .game-icon{color:#8b6a30;background:#f2e5c9}.game-card:nth-child(3) .game-icon{color:#98616a;background:#efd8d4}.game-card:nth-child(4) .game-icon{color:#7c5d60;background:#eee1dc}.game-card:hover .game-icon{transform:scale(1.06)rotate(-4deg)}.game-type{width:fit-content;color:var(--orange-dark);background:#f7e9e5;border-radius:999px;margin-top:13px;padding:5px 9px;font-size:10px;font-weight:900;display:block}.game-card h3{margin:9px 0 7px;font-size:17px}.game-card p{min-height:45px;color:var(--muted);margin:0;font-size:13px;line-height:1.75}.game-card button{color:var(--warm-white);background:var(--orange);cursor:pointer;border:0;border-radius:11px;align-items:center;gap:6px;margin-top:16px;padding:9px 12px;font-weight:800;transition:transform .2s,background .2s;display:inline-flex}.game-card button:hover{background:var(--orange-dark);transform:translateY(-2px)}.game-card .game-title-button{color:var(--ink);text-align:right;font:inherit;background:0 0;border-radius:0;margin:10px 0 5px;padding:0;font-size:18px;font-weight:900;line-height:1.5;display:block}.game-card .game-title-button:hover{color:var(--orange-dark);background:0 0;transform:translate(-3px)}.game-source{color:#755f58;background:#f8f2eb;border-radius:11px;align-items:flex-start;gap:7px;min-height:44px;margin-top:12px;padding:9px 10px;font-size:11px;line-height:1.6;display:flex}.game-source svg{color:var(--orange);flex:none;margin-top:2px}.game-card-footer{justify-content:space-between;align-items:center;gap:10px;margin-top:auto;padding-top:14px;display:flex}.game-card-footer strong{color:#8b6a30;font-size:12px}.game-card-footer button{margin:0}.quick-game{background:var(--warm-white);border:1px solid var(--line);max-width:900px;box-shadow:var(--shadow);border-radius:24px;margin:34px auto 0;padding:28px}.quick-game-title{align-items:center;gap:12px;display:flex}.quick-game-title>span{color:#8b6a30;background:#f2e5c9;border-radius:15px;place-items:center;width:50px;height:50px;display:grid}.quick-game-title small{color:var(--orange);font-weight:800}.quick-game-title h2{margin:3px 0 0;font-size:21px}.quick-game-title>div{flex:1;min-width:0}.stage-count-badge{color:#7a4e55;white-space:nowrap;background:#f4e3df;border-radius:999px;padding:8px 11px;font-size:12px}.active-game-source{color:#6d5852;background:#faf4ed;border:1px solid #ecddd3;border-radius:13px;align-items:center;gap:9px;margin-top:18px;padding:12px 14px;display:flex}.active-game-source svg{color:var(--orange);flex:none}.active-game-source span{gap:2px;display:grid}.active-game-source small{color:var(--muted);font-size:10px}.active-game-source strong{font-size:12px}.game-stage-progress{background:#eee6df;border-radius:999px;height:9px;margin-top:18px;overflow:hidden}.game-stage-progress span{background:linear-gradient(90deg, var(--gold), var(--orange));border-radius:inherit;height:100%;transition:width .35s;display:block}.game-stage-dots{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:14px;display:grid}.game-stage-dots>span{min-width:0;color:var(--muted);text-align:center;justify-items:center;gap:5px;display:grid}.game-stage-dots i{background:#f3ede8;border:1px solid #e4d7cf;border-radius:50%;place-items:center;width:34px;height:34px;font-size:12px;font-style:normal;font-weight:900;display:grid}.game-stage-dots small{text-overflow:ellipsis;white-space:nowrap;font-size:9px;font-weight:800;overflow:hidden}.game-stage-dots span.current{color:var(--orange-dark)}.game-stage-dots span.current i{color:#fff;background:var(--orange);border-color:var(--orange);box-shadow:0 5px 14px #915b6233}.game-stage-dots span.completed{color:#3f7568}.game-stage-dots span.completed i{color:#fff;background:#579381;border-color:#579381}.current-stage-heading{text-align:center;margin:22px 0 0}.current-stage-heading small{color:var(--orange);font-size:11px;font-weight:900}.current-stage-heading h3{margin:4px 0 0;font-size:20px}.game-question{text-align:center;color:var(--ink);background:var(--card);border:1px dashed #d9b8ae;border-radius:16px;margin:24px 0 18px;padding:18px;font-size:21px;font-weight:900}.game-choices{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.game-choices button{min-height:48px;color:var(--ink);background:var(--warm-white);border:1px solid var(--line);cursor:pointer;border-radius:13px;font-weight:800;transition:transform .2s,border-color .2s,background .2s}.game-choices button:hover{border-color:#cfa9a4;transform:translateY(-2px)}.game-choices button.correct{color:#496a55;background:#e9f2e9;border-color:#a9c8ad}.game-choices button.wrong{color:#8a4f54;background:#f7e4e2;border-color:#d6a5a8}.wheel-stage{justify-items:center;gap:13px;width:min(100%,360px);margin:25px auto 12px;padding-top:14px;display:grid;position:relative}.wheel-pointer{z-index:2;color:var(--orange-dark);filter:drop-shadow(0 4px 3px #3f31322e);font-size:31px;position:absolute;top:-5px}.ability-wheel{background:conic-gradient(#915b62 0 60deg, #c9a76a 60deg 120deg, #d7a3a3 120deg 180deg, #78464e 180deg 240deg, #b99354 240deg 300deg, #b77881 300deg 360deg);border:10px solid #fff8ef;border-radius:50%;width:286px;height:286px;transition:transform .9s cubic-bezier(.2,.72,.2,1);position:relative;box-shadow:0 0 0 3px #c9a76a,0 18px 36px #5035362e,inset 0 0 0 2px #ffffff61}.ability-wheel:after{content:"✦";color:#8a6531;background:#fff9ed;border:4px solid #ead9b5;border-radius:50%;place-items:center;width:58px;height:58px;font-size:24px;display:grid;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);box-shadow:0 4px 13px #3f313233}.ability-wheel span{color:#fff;text-align:center;text-shadow:0 2px 4px #3f313259;width:74px;font-size:12px;font-weight:900;position:absolute}.ability-wheel span:first-child{top:34px;left:104px}.ability-wheel span:nth-child(2){top:79px;left:176px;transform:rotate(60deg)}.ability-wheel span:nth-child(3){top:176px;left:177px;transform:rotate(120deg)}.ability-wheel span:nth-child(4){top:222px;left:104px;transform:rotate(180deg)}.ability-wheel span:nth-child(5){top:176px;left:31px;transform:rotate(240deg)}.ability-wheel span:nth-child(6){top:79px;left:28px;transform:rotate(300deg)}.wheel-button{min-width:160px}.wheel-hint{color:var(--muted);font-weight:700}.fill-blank-form{gap:9px;margin-top:18px;display:grid}.fill-blank-form label{color:var(--orange-dark);font-size:13px;font-weight:900}.fill-blank-form>div{grid-template-columns:minmax(0,1fr) auto;gap:9px;display:grid}.fill-blank-form input,.certificate-name-box input{min-width:0;height:48px;color:var(--ink);border:1px solid var(--line);background:#fff;border-radius:12px;outline:0;padding:0 14px}.fill-blank-form input:focus,.certificate-name-box input:focus{border-color:var(--orange);box-shadow:0 0 0 3px #d7a3a347}.matching-board{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:20px;display:grid}.matching-board>div{background:var(--card);border:1px solid var(--line);border-radius:16px;align-content:start;gap:9px;padding:15px;display:grid}.matching-board strong{color:var(--orange-dark);text-align:center;margin-bottom:3px}.matching-board button,.ordering-options button{min-height:44px;color:var(--ink);border:1px solid var(--line);cursor:pointer;font:inherit;background:#fff;border-radius:11px;padding:8px 11px;font-weight:800;transition:transform .18s,border-color .18s,background .18s}.matching-board button:hover:not(:disabled),.ordering-options button:hover:not(:disabled){border-color:#cfa9a4;transform:translateY(-2px)}.matching-board button.selected{color:#fff;background:var(--orange);border-color:var(--orange)}.matching-board button.matched{color:#496a55;background:#e9f2e9;border-color:#a9c8ad}.matching-board>p{color:var(--muted);text-align:center;background:#fffaf4;border-radius:10px;grid-column:1/-1;margin:0;padding:10px;font-size:13px;font-weight:800}.ordering-game{gap:14px;margin-top:20px;display:grid}.ordering-progress{min-height:64px;color:var(--muted);background:var(--card);border:1px dashed #d5b7af;border-radius:14px;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;padding:12px;display:flex}.ordering-progress span{color:var(--orange-dark);border:1px solid var(--line);background:#fff;border-radius:9px;padding:7px 10px;font-weight:900}.ordering-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;display:grid}.ordering-options button.selected{color:#777;background:#eee9e4}.ordering-reset{width:fit-content;margin-inline:auto}.game-feedback{text-align:center;border-radius:12px;margin-top:16px;padding:12px 15px;font-weight:900;animation:.35s both result-pop}.game-feedback.success{justify-items:center;gap:7px;display:grid}.game-feedback.success span{font-size:12px;font-weight:600}.game-feedback.success{color:#496a55;background:#e9f2e9}.game-feedback.retry{color:#8a4f54;background:#f7e4e2}.game-feedback.stage-success{color:#3f6f63;text-align:right;background:#e9f4ef;border:1px solid #cde4db;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;padding:16px;display:grid}.game-feedback.stage-success div{gap:3px;display:grid}.game-feedback.stage-success span{font-size:12px;font-weight:600}.game-feedback.stage-success button{align-items:center;gap:5px;display:inline-flex}.final-game-success{border:1px solid #bad8c5;padding:22px}.final-game-success>svg{color:#8b6a30}.certificate-name-box{width:min(100%,510px);color:var(--ink);text-align:right;gap:7px;margin:6px auto 0;display:grid}.certificate-name-box label{color:var(--orange-dark);font-size:12px;font-weight:900}.certificate-name-box small{color:var(--muted);font-size:11px;font-weight:600}.certificate-name-box em{color:#9b3f48;font-size:11px;font-style:normal;font-weight:900}.certificate-name-box.compact input{width:100%}.certificate-button{color:#fff;background:linear-gradient(145deg, #9b6870, var(--orange));cursor:pointer;font:inherit;border:0;border-radius:11px;align-items:center;gap:7px;margin-top:5px;padding:10px 15px;font-size:12px;font-weight:900;display:inline-flex;box-shadow:0 7px 16px #915b622e}.certificate-button:hover{transform:translateY(-2px);box-shadow:0 10px 20px #915b6238}.result-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:16px;display:flex}.large-certificate-button{min-height:44px;margin:0;padding-inline:18px}.test-certificate-heading{text-align:right;justify-content:center;align-items:center;gap:12px;max-width:620px;margin:0 auto 16px;display:flex}.test-certificate-heading>span{color:#8b6a30;background:#f3e7ca;border-radius:15px;flex:none;place-items:center;width:52px;height:52px;display:grid}.test-certificate-heading small{color:var(--orange);font-weight:900}.test-certificate-heading h3{color:var(--ink);margin:2px 0;font-size:21px}.test-certificate-heading p{color:var(--muted);margin:0;font-size:12px}.certificate-modal{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#291f20b8;place-items:center;padding:24px;display:grid;position:fixed;inset:0;overflow-y:auto}.certificate-dialog{gap:14px;width:min(100%,920px);display:grid}.certificate-sheet{color:#463637;text-align:center;outline-offset:-24px;background:#fffdf8;border:12px solid #ead9b5;outline:2px solid #9b6870;flex-direction:column;justify-content:center;align-items:center;min-height:570px;padding:62px 70px 48px;display:flex;position:relative;overflow:hidden;box-shadow:0 30px 80px #130d0e59}.certificate-sheet:before,.certificate-sheet:after{content:"✦";color:#c9a76a;opacity:.18;font-size:95px;position:absolute}.certificate-sheet:before{top:18px;right:38px}.certificate-sheet:after{bottom:18px;left:38px}.certificate-seal{color:#fff;background:linear-gradient(145deg,#9b6870,#c9a76a);border:7px solid #f3e7ca;border-radius:50%;place-items:center;width:84px;height:84px;display:grid;box-shadow:0 9px 22px #915b6233}.certificate-platform{color:#8b6a30;letter-spacing:.5px;margin-top:14px;font-size:13px;font-weight:900}.certificate-school{color:#7a4e55;background:#f8eee4;border:1px solid #e4d0b6;border-radius:999px;align-items:center;gap:7px;margin-top:10px;padding:7px 12px;font-size:13px;font-weight:900;display:inline-flex}.certificate-sheet h2{color:#7a4e55;margin:12px 0 7px;font-size:46px}.certificate-sheet p{color:#77696b;margin:7px 0;font-size:16px}.certificate-student-name{color:#3f3132;border-bottom:2px solid #c9a76a;min-width:min(100%,420px);margin:9px 0;padding:8px 26px 12px;font-size:31px}.certificate-sheet h3{color:#8d5a62;margin:12px 0 23px;font-size:23px}.certificate-congratulation{max-width:670px;font-weight:800;line-height:1.8;color:#594749!important;margin-bottom:20px!important}.certificate-meta{color:#746568;border-top:1px solid #dfccb0;justify-content:space-between;gap:18px;width:100%;padding-top:17px;font-size:12px;display:flex}.certificate-meta span{align-items:center;gap:6px;display:inline-flex}.certificate-signatures{grid-template-columns:repeat(2,minmax(0,1fr));gap:50px;width:min(100%,600px);margin-top:22px;display:grid}.certificate-signatures div{color:#77696b;border-top:1px solid #cdb88f;gap:5px;padding-top:12px;font-size:11px;display:grid}.certificate-signatures b{color:#7a4e55;font-size:18px}.certificate-actions{justify-content:center;align-items:center;gap:10px;display:flex}@keyframes game-icon-bounce{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-6px)rotate(-3deg)}}@media (max-width:1050px){.dashboard-kpis,.games-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:850px){.subject-grid{grid-template-columns:repeat(2,1fr)}.mansaf-file-group-grid{grid-template-columns:1fr}.nav-links button{padding:10px}.lesson-grid,.file-grid,.test-grid,.article-grid{grid-template-columns:repeat(2,1fr)}.lesson-layout,.contact-layout,.login-page,.dashboard-shell{grid-template-columns:1fr}.dashboard-sidebar{grid-template-columns:repeat(3,1fr);gap:5px;display:grid;position:static}.dashboard-user{grid-column:1/-1;margin:0}.dashboard-sidebar .logout-button{margin:3px 0}.dashboard-grid{grid-template-columns:1fr}.student-profile-kpis,.student-detail-grid{grid-template-columns:1fr 1fr}.hero-school-identity{margin-inline:auto}}@media (max-width:560px){.subject-grid{grid-template-columns:1fr}.subject-card{min-height:128px;padding:20px}.mansaf-file-group-card{grid-template-columns:58px minmax(0,1fr) auto;gap:14px;min-height:122px;padding:18px}.mansaf-file-group-icon{border-radius:16px;width:58px;height:58px}.mansaf-file-group-copy strong{font-size:17px}.subject-icon{border-radius:16px;width:58px;height:58px}.nav-links button{width:100%}.lesson-grid,.file-grid,.test-grid,.article-grid,.choices{grid-template-columns:1fr}.next-action{flex-direction:column;align-items:stretch}.site-footer{grid-template-columns:1fr}.dashboard-main{padding:18px}.dashboard-sidebar{grid-template-columns:1fr 1fr}.dashboard-sidebar>button{font-size:12px}.dashboard-kpis{grid-template-columns:1fr}.dashboard-top{flex-direction:column;align-items:flex-start}.form-grid,.backend-list{grid-template-columns:1fr}.full-field{grid-column:auto}.contact-info,.login-visual,.form-card{padding:26px}.games-grid,.game-choices{grid-template-columns:1fr}.hero-school-identity{flex-wrap:wrap;justify-content:center;width:100%}.hero-school-identity span{text-align:center;border-top:1px solid #ddc7c0;border-right:0;width:100%;padding:7px 0 0}.quick-game{padding:20px 16px}.quick-game-title{flex-wrap:wrap;align-items:flex-start}.stage-count-badge{margin-right:62px}.game-stage-dots{gap:4px}.game-stage-dots small{display:none}.game-stage-dots i{width:31px;height:31px}.game-feedback.stage-success{grid-template-columns:auto 1fr}.game-feedback.stage-success button{grid-column:1/-1;justify-content:center;width:100%}.game-card-footer{flex-direction:column;align-items:stretch}.game-card-footer button{justify-content:center;width:100%}.test-certificate-heading{align-items:flex-start}.ability-wheel{width:252px;height:252px}.ability-wheel span:first-child{top:27px;left:88px}.ability-wheel span:nth-child(2){top:69px;left:150px}.ability-wheel span:nth-child(3){top:153px;left:151px}.ability-wheel span:nth-child(4){top:194px;left:88px}.ability-wheel span:nth-child(5){top:153px;left:23px}.ability-wheel span:nth-child(6){top:69px;left:21px}.fill-blank-form>div,.matching-board{grid-template-columns:1fr}.matching-board>p{grid-column:1}.ordering-options{grid-template-columns:repeat(2,minmax(0,1fr))}.result-actions{flex-direction:column;align-items:stretch}.result-actions button{width:100%}.series-hero{grid-template-columns:auto 1fr;padding:22px}.series-hero>strong{grid-column:1/-1;width:fit-content}.series-hero-icon{border-radius:17px;width:60px;height:60px}.series-hero h1{font-size:25px}.series-tools{flex-direction:column;align-items:stretch}.series-channel-link{width:100%}.lecture-item{grid-template-columns:46px 1fr;padding:16px}.lecture-number{border-radius:13px;width:46px;height:46px;font-size:19px}.lecture-item .primary-btn{grid-column:1/-1;width:100%}.pagination-summary{flex-direction:column;align-items:flex-start}.pagination{flex-direction:column;align-items:stretch}.pagination-pages{order:-1}.pagination-nav{width:100%}.footer-rights{flex-direction:column!important;align-items:flex-start!important}.student-toolbar{flex-direction:column;align-items:stretch}.student-toolbar label,.student-toolbar label:first-child{width:100%;min-width:0}.student-list-summary{flex-direction:column;align-items:flex-start}.student-profile-header{grid-template-columns:auto 1fr;padding:19px}.student-status{grid-column:1/-1;width:fit-content}.student-profile-kpis,.student-detail-grid{grid-template-columns:1fr}.student-profile-kpis{padding:15px}.student-detail-grid{padding:0 15px 15px}.mini-results-list>div{grid-template-columns:34px minmax(0,1fr) auto}.mini-results-list em{grid-column:2/-1;width:fit-content}.certificate-modal{padding:10px}.certificate-sheet{outline-offset:-17px;border-width:8px;min-height:520px;padding:48px 30px 38px}.certificate-sheet h2{font-size:35px}.certificate-student-name{font-size:24px}.certificate-meta{flex-direction:column;align-items:center}.certificate-signatures{gap:18px}.certificate-actions{flex-direction:column;align-items:stretch}.certificate-actions button{width:100%}}@media print{body *{visibility:hidden!important}.certificate-modal,.certificate-modal *{visibility:visible!important}.certificate-modal{background:#fff;padding:0;position:absolute;inset:0}.certificate-dialog{width:100%}.certificate-sheet{width:100%;min-height:100vh;box-shadow:none}.certificate-actions{display:none}}.motivation-ticker{z-index:20;height:34px;color:var(--warm-white);background:linear-gradient(90deg, #78464e, var(--orange), #a86d75);border-bottom:1px solid #fff3;position:relative;overflow:hidden}.ticker-track{white-space:nowrap;align-items:center;gap:64px;width:max-content;height:100%;padding-inline:32px;font-size:12px;font-weight:800;animation:28s linear infinite ticker-scroll;display:flex}.ticker-track span{align-items:center;gap:7px;display:inline-flex}@keyframes ticker-scroll{0%{transform:translate(0)}to{transform:translate(50%)}}.teacher-stage{isolation:isolate;overflow:visible}.teacher-character{z-index:4;object-fit:contain;filter:drop-shadow(0 20px 18px #51363629);width:74%;height:112%;animation:4.2s ease-in-out infinite teacher-float;position:absolute;bottom:-4%;right:13%}.teacher-halo{z-index:1;border:1px solid #915b622b;border-radius:50%;position:absolute}.halo-one{width:82%;height:82%;top:8%;right:9%}.halo-two{border:26px solid #d7a3a31f;width:62%;height:62%;top:18%;right:19%}.floating-note{z-index:6;color:var(--gold);text-shadow:0 3px 8px #61492426;animation:1.8s ease-in-out infinite star-twinkle;position:absolute}.note-one{font-size:31px;top:9%;left:13%}.note-two{color:var(--dusty-rose);font-size:28px;animation-delay:.45s;top:28%;right:4%}.note-three{font-size:36px;animation-delay:.8s;bottom:14%;left:5%}.mini-card{z-index:7;min-width:100px;color:var(--orange-dark);border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffdf9e6;border-radius:16px;align-items:center;gap:8px;padding:10px 12px;font-size:12px;font-weight:900;animation:3.2s ease-in-out infinite icon-float;display:flex;position:absolute;box-shadow:0 10px 26px #5c3f3e1a}.mini-book{top:21%;left:-5%}.mini-test{animation-delay:.7s;bottom:18%;right:-4%}.mini-card svg{color:var(--gold)}@keyframes teacher-float{0%,to{transform:translateY(0)rotate(-.4deg)}50%{transform:translateY(-12px)rotate(.6deg)}}@keyframes icon-float{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes star-twinkle{0%,to{opacity:.52;transform:scale(.84)rotate(-6deg)}50%{opacity:1;transform:scale(1.14)rotate(6deg)}}.feature-icon{animation:3.2s ease-in-out infinite icon-float}.feature-card:nth-child(2) .feature-icon{animation-delay:.35s}.feature-card:nth-child(3) .feature-icon{animation-delay:.7s}.feature-card:nth-child(4) .feature-icon{animation-delay:1.05s}.lesson-card,.file-card,.test-card,.article-card{transition:transform .25s,box-shadow .25s,border-color .25s}.lesson-card:hover,.file-card:hover,.test-card:hover,.article-card:hover{box-shadow:var(--shadow);border-color:#d8bdb4;transform:translateY(-6px)}.lesson-card:hover .lesson-cover svg,.file-card:hover .file-icon svg,.test-card:hover .test-icon svg{transform:scale(1.06)rotate(-3deg)}.lesson-cover svg,.file-icon svg,.test-icon svg{transition:transform .25s}.demo-banner{color:#6f5342;background:var(--cream);border-bottom-color:var(--line)}.page-heading{background:radial-gradient(circle at 16% 20%, #efd4cf9e, transparent 32%), radial-gradient(circle at 82% 75%, #c9a76a33, transparent 30%), var(--ivory)}.lesson-card,.file-card,.test-card,.question-card,.test-header,.video-card,.next-action,.lesson-sidebar,.form-card,.panel{background:var(--warm-white);border-color:var(--line)}.lesson-cover{background:linear-gradient(145deg, #b87d84, var(--orange))}.lesson-card:nth-child(3n+2) .lesson-cover{background:linear-gradient(145deg,#d8aca8,#b87982)}.lesson-card:nth-child(3n+3) .lesson-cover{background:linear-gradient(145deg,#d0b378,#aa8350)}.file-type,.test-category{color:var(--orange-dark);background:var(--blush)}.file-icon{color:var(--orange);background:#f4dfdb}.test-icon{color:#8b6a30;background:#f4e7cc}.choices label.selected{color:var(--orange-dark);background:#f7e5e1;border-color:#d5aaa7}.result-card{color:#6b5250;background:#f3e8dc;border-color:#e0c8b5;animation:.35s both result-pop}@keyframes result-pop{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}.article-tone-1{background:linear-gradient(145deg,#efd4cf,#fffaf4)}.article-tone-2{background:linear-gradient(145deg,#f2e5cc,#fffdf9)}.article-tone-3{background:linear-gradient(145deg,#ead6d5,#fffdf9)}.contact-info{background:radial-gradient(circle at 80% 10%, #ffffff2e, transparent 26%), linear-gradient(145deg, var(--orange), #ad747b)}.login-visual{background:radial-gradient(circle at 70% 10%, #ffffff2e, transparent 26%), linear-gradient(145deg, #7f4d55, var(--orange))}.login-visual>span{color:var(--orange)}.site-footer{color:#eadfda;background:#3f3132}.site-footer button{color:#eadfda}.footer-monogram{width:38px;height:38px;color:var(--ink);background:var(--gold);border-radius:50%;place-items:center;font-size:20px;font-weight:900;display:grid}.dashboard-shell{background:#f8f2eb}.dashboard-sidebar{color:#eadfda;background:#3f3132}.dashboard-user>span,.dashboard-sidebar>button.active{background:var(--orange)}.dashboard-user{background:#fffdf914}.kpi.orange>span{color:var(--orange);background:var(--blush)}.kpi.teal>span{color:#8b6a30;background:#f2e5c9}.kpi.purple>span{color:#9b6269;background:#efd8d4}.kpi.blue>span{color:#7a5a5e;background:#eee1dc}.mini-icon{color:var(--orange);background:#f3dfdb}.progress-stat b{color:#987738}.progress-stat em{background:linear-gradient(90deg, var(--orange), var(--gold))}.upload-zone{background:var(--card);border-color:#d8b5ad;color:var(--orange)!important}.upload-progress span{background:linear-gradient(90deg, var(--orange), var(--gold))}.message-row>span{color:var(--orange);background:#efd8d4}.telegram-float{z-index:55;color:#fff;background:linear-gradient(145deg,#32b4ef,#229ed9);border:3px solid #ffffffeb;border-radius:50%;place-items:center;width:58px;height:58px;transition:transform .22s,box-shadow .22s;animation:2.8s ease-in-out infinite telegram-pulse;display:grid;position:fixed;bottom:24px;left:24px;box-shadow:0 12px 28px #229ed952}.telegram-float svg{fill:#ffffff1f;transform:translate(-1px,1px)rotate(-8deg)}.telegram-float:hover{transform:translateY(-5px)scale(1.04);box-shadow:0 16px 34px #229ed966}.telegram-tooltip{color:var(--warm-white);background:var(--ink);box-shadow:var(--shadow);opacity:0;pointer-events:none;white-space:nowrap;border-radius:9px;padding:8px 11px;font-size:13px;font-weight:800;transition:opacity .2s,transform .2s;position:absolute;left:70px;transform:translate(-6px)}.telegram-float:hover .telegram-tooltip,.telegram-float:focus-visible .telegram-tooltip{opacity:1;transform:translate(0)}.telegram-float:focus-visible{outline:3px solid var(--gold);outline-offset:4px}@keyframes telegram-pulse{0%,to{box-shadow:0 12px 28px #229ed94d,0 0 #229ed929}50%{box-shadow:0 12px 28px #229ed95c,0 0 0 10px #229ed900}}@media (max-width:850px){.teacher-stage{max-width:440px}.mini-book{left:0}.mini-test{right:0}}@media (max-width:560px){.brand-copy small{display:none}.brand-monogram{width:35px;height:35px;font-size:18px}.motivation-ticker{height:31px}.ticker-track{gap:42px;font-size:11px}.teacher-stage{width:94%;transform:none}.teacher-character{width:78%;right:11%}.mini-card{min-width:84px;padding:8px 9px}.telegram-float{width:52px;height:52px;bottom:16px;left:16px}.telegram-tooltip{display:none}}@media (max-width:850px){.step-files-list,.file-category-grid{grid-template-columns:1fr}.question-navigator{grid-template-columns:repeat(5,minmax(42px,1fr))}.featured-article-list,.article-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.article-detail-hero{margin-inline:20px}.article-related{flex-direction:column;align-items:flex-start}}@media (max-width:560px){.step-files-summary{flex-direction:column;align-items:flex-start}.step-file-card{grid-template-rows:auto auto;grid-template-columns:38px 1fr;padding:15px}.step-file-number{grid-row:1/2;width:38px;height:38px}.step-file-icon{display:none}.step-file-status,.step-file-download,.step-file-actions{grid-column:2}.file-category-card,.file-subcategory-card{gap:14px;min-height:118px;padding:18px}.file-category-icon{border-radius:17px;width:58px;height:58px}.file-category-copy strong{font-size:18px}.simulation-summary{grid-template-columns:auto 1fr;padding:20px}.simulation-summary>strong{grid-column:1/-1;width:fit-content}.simulation-test-header{grid-template-columns:1fr;padding:20px}.test-timer{width:100%}.question-navigator{grid-template-columns:repeat(5,minmax(38px,1fr));gap:6px;padding:10px}.question-navigator button{height:39px}.focused-question-card{min-height:auto;padding:20px 16px}.focused-question-card h2{font-size:18px;line-height:1.7}.simulation-result-card{text-align:right;flex-direction:column;align-items:flex-start}.test-runner-actions,.test-submit-strip{flex-direction:column;align-items:stretch}.test-runner-actions button,.test-submit-strip button{width:100%}.articles-stats{flex-direction:column;align-items:stretch}.articles-stats span{border-left:0;border-bottom:1px solid var(--line)}.articles-stats span:last-child{border-bottom:0}.featured-article-list,.article-category-grid,.article-detail-grid{grid-template-columns:1fr}.article-tools{flex-direction:column;align-items:stretch}.article-tools label{min-width:0}.article-detail-hero{margin:18px 14px 0;padding:21px 18px}.article-detail-heading{grid-template-columns:54px minmax(0,1fr);gap:12px}.article-detail-heading>span{border-radius:15px;width:54px;height:54px}.article-detail-heading h1{font-size:25px}.article-detail-heading p{font-size:12px}.article-detail-page{padding:18px 14px 72px}.article-lead{padding:19px}.article-lead p{font-size:16px}.article-detail-grid>section{grid-template-columns:32px minmax(0,1fr);padding:18px 15px}.article-detail-grid>.article-wide,.article-answer{grid-column:1}.article-section-number{width:30px;height:30px}.article-related>div:last-child,.article-bottom-nav{flex-direction:column;align-items:stretch;width:100%}.article-related button,.article-bottom-nav button{justify-content:center;width:100%}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.ticker-track,.teacher-character,.floating-note,.mini-card,.feature-icon,.telegram-float{animation:none!important}}