@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800&family=Inter:wght@500;600;700;800&display=swap');
:root{color-scheme:light;--navy:#071932;--navy2:#0b2442;--ink:#102640;--muted:#73839a;--accent:#0b9fb5;--teal:#15b7bc;--sky:#53bce0;--light:#f3f7fb;--surface:#fff;--border:#e6edf4;--radius:16px;--shadow:0 9px 26px rgba(33,70,103,.045)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f4f7fb;color:var(--ink);font:14px/1.8 'Cairo',sans-serif}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.52;cursor:not-allowed}a{color:inherit;text-decoration:none}[hidden]{display:none!important}button:focus-visible,input:focus-visible{outline:3px solid #41c0ce;outline-offset:2px}.app-shell{display:flex;min-height:100vh;direction:rtl}.sidebar{width:256px;min-width:256px;background:linear-gradient(164deg,#0a2344,#07162e 65%);color:#dae9f5;padding:27px 15px 22px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;z-index:15}.brand{display:flex;gap:12px;align-items:center;padding:4px 9px 31px;border-bottom:1px solid #ffffff16}.brand-symbol{width:49px;height:49px;border-radius:15px;background:#133e5c;display:grid;place-items:center;color:#81e5e3;font:42px/1 Inter,sans-serif}.brand strong{display:block;font:800 23px/1.2 Inter,sans-serif;direction:ltr;text-align:right;letter-spacing:-.75px;color:white}.brand strong span{color:#63dddb}.brand small{display:block;color:#8aa4bc;font-size:10px;margin-top:5px}.sidebar-label{font-size:10px;color:#6f91af;letter-spacing:.6px;padding:30px 17px 14px}.sidebar nav{display:grid;gap:8px}.nav-item{border:0;color:#adbed2;text-align:right;background:transparent;display:flex;align-items:center;gap:14px;padding:11px 14px;border-radius:11px;font-weight:700;font-size:12px;transition:.18s}.nav-icon{font:700 21px/1.1 Inter,sans-serif;display:inline-grid;place-items:center;width:24px;color:#789bb5}.nav-item:hover{background:#ffffff11;color:#fff}.nav-item.active{background:#11728a38;color:#a9f7f3;box-shadow:inset -3px 0 #54dfd7}.nav-item.active .nav-icon{color:#74ddd9}.sidebar-bottom{margin-top:auto;padding:18px 14px 0}.sidebar-mini{font-size:10px;color:#a7c3d5;display:flex;align-items:center;gap:8px}.live-dot{width:7px;height:7px;border-radius:50%;display:inline-block;background:#39d9b0;box-shadow:0 0 0 4px #39d9b01f;vertical-align:middle}.sidebar-bottom p{color:#6e8ba8;font-size:10px;line-height:1.9}.main-shell{flex:1;min-width:0}.topbar{height:78px;background:#fff;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 38px;gap:12px}.topbar-start,.topbar-actions{display:flex;align-items:center;gap:14px}.breadcrumb{color:#8a9bac;font-size:12px}.breadcrumb span{padding:0 12px;color:#ccd4df}.breadcrumb strong{color:#243c54}.mode-chip{font-size:10px;color:#148b84;background:#eafaf6;padding:7px 11px;border-radius:30px;white-space:nowrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 20px;border-radius:10px;border:1px solid transparent;font-weight:800;font-size:12px;line-height:1.7;transition:transform .12s,background .12s,box-shadow .12s;white-space:normal;text-align:center}.btn:enabled:hover{transform:translateY(-1px)}.btn-primary{background:linear-gradient(110deg,#0898ad,#13bcc3);color:#fff;box-shadow:0 7px 17px #0aa6af25}.btn-primary:enabled:hover{box-shadow:0 8px 20px #0aa6af40}.btn-outline{background:white;border-color:#dfe9ef;color:#26445a}.btn-soft{background:#ffffff18;color:white;border-color:#ffffff2d}.btn-sm{padding:7px 12px;font-size:10px}.btn-block{width:100%}.btn-text{background:transparent;color:#66829c;padding:7px 10px}.icon-btn.mobile-menu{display:none}.icon-btn{width:34px;height:34px;display:grid;place-items:center;border:1px solid #e6edf4;border-radius:9px;background:white;color:#395977}main{max-width:1540px;margin:auto;padding:30px 38px 56px;min-height:calc(100vh - 131px)}.view{display:none;animation:arrive .22s ease-out}.view.active{display:block}@keyframes arrive{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.hero{min-height:262px;border-radius:20px;background:radial-gradient(circle at 15% 55%,#0b5874 0%,transparent 32%),linear-gradient(110deg,#061a33,#0d3355);position:relative;color:white;overflow:hidden;display:flex;align-items:center;padding:41px 45px;margin-bottom:29px}.hero:before,.presentation-stage:before{content:'';position:absolute;inset:0;background-image:radial-gradient(#d8efff25 1px,transparent 1px);background-size:23px 23px;opacity:.33;pointer-events:none}.hero-content{position:relative;z-index:1;max-width:62%}.eyebrow{color:#80e7de;font-weight:700;font-size:12px}.hero h1{font-size:clamp(23px,2.6vw,38px);line-height:1.45;margin:9px 0 8px;font-weight:800}.hero h1 em{font-family:Inter,sans-serif;font-style:normal;direction:ltr;display:inline-block;color:#69e0d9}.hero p{max-width:540px;font-size:12px;color:#aec7d5;margin-bottom:24px}.hero-buttons{display:flex;gap:12px;flex-wrap:wrap}.hero-art{position:absolute;left:4%;top:50%;transform:translateY(-50%);width:265px;height:265px;display:grid;place-items:center}.orbit{position:absolute;width:100%;height:44%;border:2px solid #81dfea87;border-radius:50%}.orbit-a{transform:rotate(0deg)}.orbit-b{transform:rotate(60deg)}.orbit-c{transform:rotate(-60deg)}.nucleus{width:83px;height:83px;border-radius:50%;display:grid;place-items:center;color:white;background:radial-gradient(circle at 25% 20%,#88e8ea,#0f6f99 66%,#113459);box-shadow:0 0 60px #2ac9dc4d;font:800 23px Inter;direction:ltr}.hero-particle{position:absolute;width:12px;height:12px;background:#9be7f0;border-radius:100%;box-shadow:0 0 20px #baf8ff}.p1{top:19%;left:17%}.p2{right:12%;top:37%}.p3{bottom:9%;left:53%}.section-intro{display:flex;align-items:end;justify-content:space-between;gap:15px;margin:5px 0 17px}.section-intro h2{font-size:21px;margin:2px 0}.overline{color:#0c9ab0;text-transform:uppercase;letter-spacing:.3px;font-size:10px;font-weight:800}.muted-text{font-size:11px;color:#8494a6}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:22px}.stat-card{min-height:105px;border-radius:14px;background:white;border:1px solid var(--border);box-shadow:var(--shadow);display:flex;align-items:center;gap:15px;padding:17px}.stat-ico{width:53px;height:53px;min-width:53px;border-radius:12px;display:grid;place-items:center;font:700 27px Inter}.turquoise{background:#e2faf8;color:#09a9a5}.blue{background:#e8f5ff;color:#319bd8}.purple{background:#f1edff;color:#8771db}.amber{background:#fff5e2;color:#dca12f}.stat-card small{display:block;color:#7d90a1;font-size:10px}.stat-card strong{display:block;font:800 26px/1.3 Inter,'Cairo',sans-serif;color:#183c57;direction:ltr;text-align:right;margin-top:6px}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.feature-card{text-align:right;background:#fff;border:1px solid var(--border);padding:0 0 22px;border-radius:15px;overflow:hidden;box-shadow:var(--shadow);transition:.2s}.feature-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px #182a4420}.feature-graphic{height:120px;display:grid;place-items:center;font:700 60px Inter}.fg1{background:linear-gradient(120deg,#e6fbf8,#d4f3f4);color:#23b4ab}.fg2{background:linear-gradient(120deg,#e5edff,#daebff);color:#6199df}.fg3{background:linear-gradient(120deg,#f4ebfc,#eae6ff);color:#9176ca}.feature-card>div{padding:18px 21px 0}.feature-tag{font-size:10px;background:#e8f8f6;border-radius:30px;color:#039c97;padding:4px 10px;display:inline-block;font-weight:800}.feature-card h3{font-size:17px;margin:8px 0 3px}.feature-card p{font-size:11px;color:#7f91a0;min-height:39px;margin:0 0 18px}.feature-card strong{font-size:12px;color:#0d9eac}.notice{display:flex;gap:13px;align-items:flex-start;padding:15px 18px;border-radius:12px;margin-top:21px;font-size:11px}.notice span{font-size:22px;line-height:1.2}.notice p{margin:0}.notice.info{background:#e9f8fc;color:#3a6b81;border:1px solid #d5f1f6}.notice.warning{background:#fff7e9;color:#886432;border:1px solid #f8e5c1}.page-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:7px 0 23px}.page-head h1{margin:4px 0;font-size:clamp(22px,2.1vw,30px);line-height:1.5}.page-head p{font-size:12px;color:#7f90a1;margin:4px 0}.accent{color:#079aab}.headline-icon{height:64px;width:64px;border-radius:17px;background:#e7f7f6;color:#0daeb3;font:42px Inter;display:grid;place-items:center}.stepper{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:19px}.step{background:#eef3f7;color:#91a1b1;border-radius:11px;padding:11px 13px;display:flex;align-items:center;gap:9px;font-size:11px;font-weight:800}.step i{width:23px;height:23px;background:#dde6ef;border-radius:100%;display:grid;place-items:center;font:700 11px Inter;direction:ltr}.step.active{background:#e2f7f6;color:#008e94}.step.active i{background:#14b8b6;color:white}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:stretch}.panel{padding:24px;background:white;border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow)}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:19px}.panel-head h2{font-size:15px;margin:0}.tiny-label{font-size:10px;color:#8396a8;background:#f0f5f8;border-radius:18px;padding:4px 11px}.sample-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.sample{min-height:103px;text-align:center;border:1px solid #e7edf3;border-radius:11px;background:#fbfdff;padding:11px 5px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;color:#315270}.sample:hover{border-color:#80dada}.sample.selected{border:2px solid #25b8bd;background:#ebfcfa;box-shadow:0 0 0 3px #d5f6f4}.sample-emoji{font-size:26px;line-height:1.2}.sample b{font-size:11px}.sample small{font-size:9px;color:#8aa0ae}.panel-divider{border-top:1px solid #edf1f6;margin:22px 0}.field-label{display:block;font-size:12px;font-weight:800;margin:0 0 9px;color:#3c536c}.input{width:100%;height:42px;padding:9px 13px;background:#fbfdfe;color:#163149;border:1px solid #dfe8ed;border-radius:9px;outline:none}.input:focus{border-color:#12b3bd;box-shadow:0 0 0 3px #bceeed5b}.selected-sample{display:flex;gap:13px;padding:13px;border:1px solid #e1f2f2;background:#f4fbfb;border-radius:11px;margin-bottom:18px;align-items:center}.beaker-icon{height:55px;width:55px;display:grid;place-items:center;background:#e1f6f5;border-radius:12px;color:#11b1b1;font:36px Inter}.selected-sample small{display:block;color:#7a97a4;font-size:10px}.selected-sample strong{font-size:17px}.selected-sample p{margin:0;color:#8798a6;font-size:10px}.prediction-options{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:20px}.prediction-options label{cursor:pointer;position:relative}.prediction-options input{position:absolute;opacity:0}.prediction-options span{display:grid;place-items:center;border:1px solid #e3eaf1;border-radius:9px;padding:10px 0;font-weight:700;font-size:11px;background:#fff}.prediction-options input:checked+span{border-color:#16abb8;background:#e6fafa;color:#068e9f}.prediction-options input:focus-visible+span{outline:3px solid #42c9d7}.ph-input-row{display:flex;align-items:center;gap:8px}.ph-input-row .input{direction:ltr;text-align:center;font:700 19px Inter;width:100%}.unit-pill{background:#e6f8f7;color:#0d97a0;border-radius:9px;padding:9px 13px;font:800 13px Inter}.ph-ruler{margin:13px 0 10px}.ph-ruler-grad{height:13px;border-radius:8px;background:linear-gradient(to left,#e45a52,#f4b04c,#e4e56a,#5fbb68,#42a0bc,#7969bb)}.ph-ruler-numbers{display:flex;justify-content:space-between;color:#7f90a1;font-size:9px;margin-top:5px}.helper{font-size:10px;color:#879aac;line-height:1.9}.feedback{margin-top:14px;border:1px solid #c7ebe6;background:#eafaf4;color:#256957;border-radius:11px;padding:13px;font-size:11px}.feedback.error{background:#fff0ed;color:#a34332;border-color:#f7d6ce}.molecule-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px}.mol-tab{border:1px solid var(--border);background:white;padding:13px;border-radius:12px;color:#698297;font:800 18px Inter;direction:ltr}.mol-tab small{display:block;font:700 10px Cairo;margin-top:3px;direction:rtl}.mol-tab.active{color:#0799a3;background:#e8f9f8;border-color:#83d9d8}.ar-layout{grid-template-columns:1.15fr .85fr}.model-panel{min-height:480px;padding:14px;position:relative;overflow:hidden;background:radial-gradient(circle at center,#e9f9fc,#f8fcfd 70%)}.viewer-badge{position:absolute;top:25px;right:26px;z-index:1;background:#fffaf2;color:#58a2aa;border:1px solid #e6f3f5;border-radius:6px;padding:5px 10px;font:700 10px Inter}.model-panel model-viewer{width:100%;height:425px;background:transparent;--poster-color:transparent}.ar-activate{position:absolute;bottom:17px;left:50%;transform:translateX(-50%);z-index:3;white-space:nowrap}.ar-activate:hover{transform:translateX(-50%)!important}.viewer-instruction{font-size:10px;color:#7d93a1;text-align:center;padding:5px 5px 10px}.mol-info{display:flex;flex-direction:column;align-items:flex-start}.mol-info h2{font-size:23px;margin:14px 0 0}.chem-formula{font:800 36px Inter;direction:ltr;color:#169baa;margin:0 0 14px}.mol-info>p:not(.chem-formula):not(.helper){color:#667d93;font-size:12px;line-height:2}.mol-facts{width:100%;display:grid;gap:12px;margin-top:12px}.mol-facts>div{padding:13px;background:#f5f8fb;border-radius:10px}.mol-facts span{display:block;color:#8397a8;font-size:10px}.mol-facts strong{font-weight:700;font-size:11px}.mol-info .panel-divider{width:100%;margin-top:auto}.mol-info .btn{width:100%}.bars{display:grid;gap:17px;min-height:188px;align-content:center}.bar-row{display:grid;grid-template-columns:67px 1fr 36px;gap:12px;align-items:center;font-size:11px;font-weight:700}.bar-track{background:#eff3f7;border-radius:30px;overflow:hidden;height:16px}.bar-fill{height:100%;border-radius:30px;min-width:0;transition:width .3s}.bar-acidic{background:linear-gradient(90deg,#ed7d6e,#ecaa7b)}.bar-neutral{background:linear-gradient(90deg,#5abf91,#42bcbc)}.bar-basic{background:linear-gradient(90deg,#72a8e1,#8388ce)}.bar-row strong{direction:ltr;text-align:left}.table-wrap{overflow:auto;max-height:320px}table{border-collapse:collapse;width:100%;white-space:nowrap;font-size:11px}th{text-align:right;background:#f7fafd;color:#6f8597}td,th{padding:11px 10px;border-bottom:1px solid #edf2f7}td{color:#334f64}.empty-cell{text-align:center!important;color:#9aabbb;padding:38px}.classification{font-size:10px;font-weight:800;border-radius:20px;padding:3px 9px;display:inline-block}.classification.acidic{background:#ffecea;color:#c65b4a}.classification.neutral{background:#e6f8ea;color:#248d68}.classification.basic{background:#e9edff;color:#5a78c7}.analytics-footer{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:10px}.analytics-footer p{max-width:700px}.quiz-shell{max-width:790px;margin:0 auto;min-height:430px;padding:34px}.quiz-top,.quiz-actions{display:flex;justify-content:space-between;align-items:center;gap:15px}.quiz-top h2{font-size:19px;margin:6px 0}.quiz-counter{font:800 16px Inter;color:#11a4b0;direction:ltr}.quiz-progress{height:8px;background:#edf3f8;border-radius:30px;overflow:hidden;margin:19px 0 27px}.quiz-progress span{display:block;background:linear-gradient(90deg,#0ba4b7,#5ad3c5);height:100%;width:0;transition:width .2s}.quiz-shell h3{font-size:19px;line-height:1.7;margin:5px 0 22px}.quiz-options{display:grid;gap:11px;margin-bottom:30px}.quiz-option{display:flex;align-items:center;gap:15px;text-align:right;background:#fcfefe;border:1px solid #e4edf3;padding:14px 17px;border-radius:11px;font-weight:700;font-size:12px;color:#2e4b65}.quiz-option:hover{border-color:#9bdadc}.quiz-option:disabled{opacity:1}.quiz-option.selected{border-color:#12aab5;background:#eaf9fa}.quiz-option.correct{border-color:#5dbe8c;background:#e9f9ef}.quiz-option.wrong{border-color:#ed9284;background:#fff0ee}.answer-bullet{width:25px;height:25px;display:grid;place-items:center;border-radius:6px;background:#edf3f6;font:800 11px Inter}.quiz-actions{border-top:1px solid #eff3f6;padding-top:20px}.quiz-results{text-align:center;padding:25px}.quiz-results .result-number{font:800 64px Inter;color:#1aafa9}.quiz-results p{color:#7a8fa2}.presentation-stage{min-height:480px;background:linear-gradient(135deg,#08152f,#0e3555);border-radius:16px;color:white;position:relative;overflow:hidden;display:flex;flex-direction:column;padding:25px 30px}.presentation-header,.presentation-footer{position:relative;display:flex;justify-content:space-between;align-items:center;gap:12px;color:#a7cdd8;font-size:12px}.presentation-header>span:first-child{font:800 16px Inter;color:#75e5df}.presentation-main{flex:1;display:grid;grid-template-columns:1.4fr 1fr;gap:20px;align-items:center;position:relative;padding:22px 16px}.presentation-main h2{font-size:clamp(28px,3.6vw,51px);margin:10px 0 0}.presentation-main p{font-size:16px;color:#b5d2dc;margin:0}.presentation-values{display:flex;gap:14px;flex-wrap:wrap;margin:33px 0}.presentation-values>div{border:1px solid #8edcdd30;border-radius:12px;background:#ffffff0c;min-width:120px;padding:12px 15px}.presentation-values small{display:block;font-size:10px;color:#9fbcca}.presentation-values strong{display:block;color:#8de6e5;font:800 24px Inter,'Cairo';margin-top:7px}.presentation-visual{display:flex;flex-direction:column;align-items:center;gap:17px;color:#8cc8d4}.presentation-orbit{width:220px;height:220px;border:3px solid #84dce46e;border-radius:48%;display:grid;place-items:center;box-shadow:inset 0 0 50px #4ef1e71d,0 0 60px #22cfe31f;transform:rotate(-22deg)}.presentation-core{width:128px;height:128px;border-radius:50%;background:radial-gradient(circle at 25% 25%,#8ff0f0,#0e7f9f 70%);box-shadow:0 0 60px #36cdd65f;display:grid;place-items:center;font:800 35px Inter;direction:ltr;transform:rotate(22deg);color:#fff}.presentation-footer{border-top:1px solid #ffffff23;padding-top:18px;font-size:10px}.presentation-stage:fullscreen{border-radius:0;padding:4vw;justify-content:center}.presentation-stage:fullscreen .presentation-main{align-content:center}.presentation-stage:fullscreen .presentation-main h2{font-size:5vw}.site-footer{padding:17px 38px;border-top:1px solid #e7edf2;display:flex;justify-content:space-between;gap:14px;color:#94a2ae;font-size:10px;background:white}.auth-dialog{border:1px solid #e0ebf2;border-radius:18px;max-width:410px;width:calc(100% - 30px);padding:28px;box-shadow:0 25px 65px #081b3854;color:var(--ink);direction:rtl}.auth-dialog::backdrop{background:#081c3680}.auth-top{display:flex;align-items:center;justify-content:space-between}.auth-top h2{margin:0}.auth-dialog p{font-size:11px;color:#6b8295}.auth-dialog .input{margin-bottom:14px}.auth-message{min-height:20px}.toast{display:none;position:fixed;bottom:20px;left:24px;background:#15364d;color:#fff;padding:12px 22px;border-radius:10px;box-shadow:0 12px 30px #082c4b44;z-index:60;font-size:12px;max-width:calc(100vw - 35px)}.toast.show{display:block}@media(max-width:1150px){.sidebar{width:218px;min-width:218px}.topbar{padding-inline:22px}main{padding-inline:22px}.stats-grid{gap:10px}.stat-card{gap:9px;padding:13px}.hero-art{opacity:.68;left:-1%}.hero-content{max-width:68%}}@media(max-width:870px){.icon-btn.mobile-menu{display:grid}.sidebar{position:fixed;right:-280px;top:0;transition:right .25s;box-shadow:0 0 30px #09264533}.sidebar.open{right:0}.mobile-menu{display:grid}.topbar{height:65px}.hero-content{max-width:72%}.stats-grid{grid-template-columns:repeat(2,1fr)}.feature-grid{grid-template-columns:repeat(2,1fr)}.two-col{grid-template-columns:1fr}.ar-layout{grid-template-columns:1fr}.model-panel{min-height:405px}.model-panel model-viewer{height:345px}.mol-info .panel-divider{margin-top:20px}}@media(max-width:550px){.topbar{padding:0 12px}.breadcrumb{font-size:10px}.breadcrumb span{padding:0 3px}.mode-chip{display:none}.topbar-actions .btn{font-size:9px;padding:7px 9px}main{padding:20px 13px 32px}.hero{padding:30px 21px;min-height:270px}.hero-content{max-width:100%}.hero h1{font-size:25px}.hero p{max-width:250px}.hero-art{width:170px;height:170px;left:-64px;opacity:.34}.hero .btn{padding:10px 13px}.section-intro{align-items:start}.section-intro h2{font-size:17px}.muted-text{font-size:9px;max-width:115px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:9px}.stat-card{padding:11px;min-height:93px}.stat-ico{height:43px;width:43px;min-width:43px;font-size:24px}.stat-card strong{font-size:22px}.stat-card small{font-size:9px}.feature-grid{grid-template-columns:1fr}.feature-graphic{height:96px}.feature-card>div{padding-top:13px}.feature-card p{min-height:auto}.page-head{align-items:start}.page-head h1{font-size:23px}.page-head p{font-size:10px}.headline-icon{width:43px;height:43px;font-size:25px;min-width:43px}.page-head>.btn{font-size:9px;padding:8px 10px}.stepper{gap:4px}.step{font-size:9px;flex-direction:column;padding:8px 3px;gap:4px;text-align:center}.panel{padding:16px}.sample-grid{gap:6px}.sample{padding:7px 3px;min-height:95px}.sample b{font-size:10px}.sample small{font-size:8px}.prediction-options{gap:5px}.mol-tab{font-size:16px;padding:10px}.mol-tab small{font-size:9px}.analytics-footer{flex-direction:column;align-items:start}.quiz-shell{padding:21px}.quiz-shell h3{font-size:16px}.quiz-actions{flex-direction:column-reverse;align-items:stretch}.presentation-stage{padding:17px;min-height:500px}.presentation-main{grid-template-columns:1fr;padding:20px 0}.presentation-main h2{font-size:31px}.presentation-main p{font-size:12px}.presentation-values{margin:18px 0}.presentation-values>div{min-width:90px;padding:9px}.presentation-values strong{font-size:17px}.presentation-visual{display:none}.presentation-header,.presentation-footer{font-size:9px}.site-footer{padding:14px;flex-wrap:wrap;font-size:9px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* هوية الحياة: إضافات بصرية فقط دون تغيير وظائف المنصة أو روابطها */
.life-hero-brand{display:inline-flex;align-items:center;gap:14px;margin-bottom:14px;max-width:100%;border:1px solid rgba(142,227,232,.24);background:rgba(8,35,63,.42);border-radius:15px;padding:6px 10px;position:relative}
.life-hero-brand img{display:block;width:128px;height:72px;object-fit:contain;flex:none;background:#fff;border-radius:12px;padding:6px 10px;box-shadow:0 10px 22px rgba(4,20,41,.18)}
.life-sidebar-brand{display:flex;align-items:center;gap:9px;border-bottom:1px solid rgba(255,255,255,.12);padding:0 0 10px;margin-bottom:13px}
.life-sidebar-brand img{display:block;width:86px;height:48px;object-fit:contain;flex:none;background:#fff;border-radius:10px;padding:5px 8px;box-shadow:0 8px 18px rgba(4,20,41,.15)}
.life-footer-word{color:#0a9ea9;font-weight:800}
@media(max-width:550px){.life-hero-brand{margin-bottom:10px;gap:8px;padding:4px 8px}.life-hero-brand img{width:92px;height:52px;padding:4px 6px}}

/* ChemTech 1.3 — مدير النظام */
.admin-layout{grid-template-columns:minmax(300px,.95fr) minmax(0,1.05fr);align-items:start}
.admin-layout .field-label{display:block;margin-top:13px;margin-bottom:5px}
.admin-layout .panel{min-height:390px}
.admin-layout .input{width:100%}
.admin-password-row{display:flex;align-items:center;gap:8px}
.admin-password-row .input{flex:1;min-width:0}
.admin-showpass{display:flex;align-items:center;gap:7px;font-size:11px;color:#587087;margin:8px 0}
.admin-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
.admin-status{min-height:28px;margin:10px 0 0;font-size:12px;color:#20795b;white-space:pre-wrap;line-height:1.85}
.admin-status.error{color:#bb483d}
#adminUserRows td{white-space:normal;overflow-wrap:anywhere}
#adminNav[hidden]{display:none!important}
@media(max-width:870px){.admin-layout{grid-template-columns:1fr}}
@media(max-width:550px){.admin-actions .btn{width:100%}}

/* 1.4 — اسم مدير النظام */
#loginBtn{max-width:100%;white-space:normal;overflow-wrap:anywhere;line-height:1.5}
@media(max-width:550px){#loginBtn{font-size:9px;padding:6px 8px;max-width:178px}}