:root{color:#edf6ff;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#07111d;font-family:Cairo,Tajawal,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:#07111d;min-height:100%}body{background:radial-gradient(circle at top,#4e82c629,#0000 26%),radial-gradient(circle at 84% 20%,#6090c61a,#0000 22%),linear-gradient(#0b1522 0%,#07101b 46%,#040911 100%);min-height:100vh;margin:0}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit}#root{min-height:100vh}.screen-shell{--surface:#0b1522e0;--surface-strong:#070f1af5;--surface-soft:#0f1c2cb8;--line:#96cff529;--line-strong:#bce5ff5c;--text-soft:#d9e6f4c7;--text-muted:#bdcfe294;--accent:#84d8ff;--accent-strong:#d4f1ff;--amber:#d19a43;--amber-light:#efd39a;isolation:isolate;perspective:2200px;background:radial-gradient(circle at 14% 18%,#578ee01f,#0000 30%),radial-gradient(circle at 82% 18%,#4e79c31a,#0000 24%),linear-gradient(#0c1828 0%,#08111d 48%,#040a13 100%);place-items:center;min-height:100vh;padding:32px;display:grid;position:relative;overflow:hidden}.screen-shell:before{content:"";pointer-events:none;background:linear-gradient(#ffffff05,#0000 24%,#01040a5c),radial-gradient(circle,#0000 56%,#02060c57);position:absolute;inset:0}.screen-shell--splash{padding-inline:24px}.scene-backdrop,.scene-backdrop__glow,.scene-backdrop__beam,.scene-backdrop__grid,.scene-backdrop__dust{position:absolute;inset:0}.scene-backdrop{pointer-events:none;overflow:hidden}.scene-backdrop__glow{filter:blur(64px);opacity:.72}.scene-backdrop__glow--left{background:radial-gradient(circle,#599aff3d,#0000 68%);width:28rem;height:28rem;inset:auto auto 8% 4%}.scene-backdrop__glow--right{background:radial-gradient(circle,#7faff024,#0000 70%);width:22rem;height:22rem;inset:6% 8% auto auto}.scene-backdrop__beam{opacity:.16;filter:blur(10px);background:linear-gradient(#b1dcff6b,#0000 78%);width:26rem;height:44rem;inset:auto}.scene-backdrop__beam--left{top:-4rem;left:-4rem;transform:rotate(16deg)}.scene-backdrop__beam--right{top:-2rem;right:-6rem;transform:rotate(-18deg)}.scene-backdrop__grid{opacity:.42;background-image:linear-gradient(#93c9f21f 1px,#0000 1px),linear-gradient(90deg,#93c9f21f 1px,#0000 1px);background-size:3.5rem 3.5rem;height:58%;inset:auto -18% -36%;transform:perspective(1800px)rotateX(82deg)translateZ(-140px);-webkit-mask-image:linear-gradient(#0000,#000000db 28%,#00000038 88%,#0000);mask-image:linear-gradient(#0000,#000000db 28%,#00000038 88%,#0000)}.scene-backdrop__grid--far{opacity:.14;height:14rem;inset:12% 18% auto;transform:perspective(1200px)rotateX(80deg)translateZ(-380px);-webkit-mask-image:radial-gradient(circle,#000000e0 30%,#0000 72%);mask-image:radial-gradient(circle,#000000e0 30%,#0000 72%)}.scene-backdrop__dust{opacity:.22;background-image:radial-gradient(circle at 20% 28%,#e4effaf2 0 1px,#0000 2px),radial-gradient(circle at 68% 18%,#e4effad1 0 1px,#0000 2px),radial-gradient(circle at 52% 48%,#afd3f5b3 0 1.2px,#0000 2.4px),radial-gradient(circle at 76% 66%,#e4effab8 0 1px,#0000 2px),radial-gradient(circle at 32% 74%,#cde1f7a8 0 1.2px,#0000 2.6px),radial-gradient(circle at 12% 58%,#cde1f780 0 .8px,#0000 2px);animation:22s linear infinite drift}.splash-panel,.register-card,.dashboard-card{z-index:1;position:relative}.splash-panel{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(#0f1c2beb,#070e18f5),#080e18e6;border:1px solid #abd6f329;border-radius:36px;grid-template-columns:minmax(18rem,1fr) minmax(20rem,.92fr);align-items:center;gap:34px;width:min(100%,72rem);padding:34px;display:grid;overflow:hidden;box-shadow:0 36px 82px #01050c94,inset 0 1px #dff1ff14,0 0 0 1px #6794b80d}.splash-panel:before{content:"";border-radius:inherit;pointer-events:none;border:1px solid #daefff0a;position:absolute;inset:1px}.splash-panel__stage{background:radial-gradient(circle at 50% 22%,#6092cf29,#0000 34%),linear-gradient(#08101bd6,#050a12f0);border:1px solid #b0d6f01f;border-radius:28px;place-items:center;min-height:31rem;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #e8f2f90f,0 24px 46px #00000047}.splash-panel__stage-glow,.splash-panel__stage-frame{pointer-events:none;position:absolute;inset:0}.splash-panel__stage-glow{filter:blur(18px);background:radial-gradient(circle at 50% 28%,#7dade829,#0000 26%),radial-gradient(circle at 50% 82%,#466b9738,#0000 28%)}.splash-panel__stage-frame{border:1px solid #c4e3f814;border-radius:22px;inset:14px}.splash-panel__content{text-align:right;gap:22px;max-width:32rem;display:grid}.splash-panel__brand{align-items:center;gap:14px;display:flex}.splash-panel__brand .eyebrow{margin:0}.splash-panel__title-group{gap:14px;display:grid}.eyebrow{color:#c8def0c7;letter-spacing:.18em;margin:0;font-size:.86rem}.splash-panel h1,.register-card h1,.dashboard-card h1{color:#f7fbff;text-shadow:0 16px 36px #00000047;margin:0;font-size:clamp(2.8rem,6vw,5rem);line-height:1}.splash-panel__tagline{color:var(--text-soft);letter-spacing:.08em;margin:0;font-size:clamp(1rem,2vw,1.24rem)}.splash-panel__copy{color:var(--text-soft);margin:0;font-size:1rem;line-height:1.95}.loading-strip{background:#080f1885;border:1px solid #b0d6f024;border-radius:20px;gap:12px;padding:1rem 1.05rem;display:grid;box-shadow:inset 0 1px #e4f2ff0d}.loading-strip__header{justify-content:space-between;align-items:center;gap:14px;display:flex}.loading-strip__track{background:#8aaecf1f;border-radius:999px;width:100%;height:7px;display:block;position:relative;overflow:hidden}.loading-strip__line{border-radius:inherit;background:linear-gradient(90deg,#79a8d68a,#e7f4ffeb,#79a8d68a);width:42%;animation:1.8s ease-in-out infinite loadingPulse;position:absolute;inset:0;box-shadow:0 0 20px #9ccef552}.loading-strip__text{color:#dce8f3cc;letter-spacing:.18em;text-transform:uppercase;font-size:.82rem}.loading-strip__percent{color:#dce8f3ad;letter-spacing:.12em;font-size:.82rem}.register-card,.dashboard-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(#111f30eb,#060d17f5),#080e18e6;border:1px solid #abd6f329;border-radius:34px;width:min(100%,74rem);overflow:hidden;box-shadow:0 32px 72px #01050c8f,inset 0 1px #dff1ff14,0 0 0 1px #6794b80f}.register-card:before,.dashboard-card:before,.register-form:before{content:"";border-radius:inherit;pointer-events:none;border:1px solid #daefff0a;position:absolute;inset:1px}.register-card{grid-template-columns:minmax(0,1.15fr) minmax(20rem,.85fr);gap:34px;padding:38px;display:grid}.register-card__hero{align-content:center;gap:22px;min-width:0;display:grid}.register-card__brand{align-items:center;gap:18px;display:flex}.register-card__copy,.dashboard-card__copy{max-width:36rem;color:var(--text-soft);margin:0;font-size:1.03rem;line-height:1.95}.register-card__metrics{flex-wrap:wrap;gap:10px;display:flex}.register-card__metrics span{color:#deebf6d1;background:#0b16237a;border:1px solid #a2cded24;border-radius:999px;padding:.62rem .95rem;font-size:.88rem;box-shadow:inset 0 1px #ffffff0a}.register-form{background:linear-gradient(#121d2ee0,#0a121ef0);border:1px solid #b4d7ef24;border-radius:28px;align-self:center;gap:18px;padding:30px;display:grid;position:relative;transform:translateZ(60px);box-shadow:0 20px 46px #00000057,inset 0 1px #e7f3fc14}.field{gap:10px;display:grid}.field__label{color:#eff7fff0;font-size:.98rem}.field__control{color:#f4f8fc;background:#050d16ad;border:1px solid #a4cbe629;border-radius:18px;outline:none;width:100%;min-height:3.6rem;padding:0 18px;transition:border-color .18s,box-shadow .18s,transform .18s,background-color .18s;box-shadow:inset 0 1px #ffffff08}.field__control::placeholder{color:#becddc6b}.field__control:hover{background:#07101bc2;border-color:#b5dcf547}.field__control:focus-visible{border-color:#b7e1fb94;transform:translateY(-1px);box-shadow:0 0 0 4px #85b6dd24}.field__control--error{border-color:#e88c8cbd}.field__error,.submit-error{color:#f0a5a5;margin:0;font-size:.92rem}.select-wrap{position:relative}.select-wrap:after{content:"";pointer-events:none;border-top:6px solid #d2e1f0a8;border-left:5px solid #0000;border-right:5px solid #0000;margin-top:-2px;position:absolute;top:50%;left:18px}select.field__control{appearance:none}.language-row{color:var(--text-soft);background:#070f1980;border:1px solid #a4cbe61f;border-radius:18px;justify-content:center;align-items:center;gap:10px;padding:.84rem 1rem;font-size:.95rem;display:flex}.language-row__active{color:#f4f8fc;background:#9dc4e01f;border:1px solid #b5dcf52e;border-radius:999px;padding:.28rem .8rem}.language-row__separator{opacity:.28}.language-row__muted{color:var(--text-muted)}.cta-button{color:#0d1117;background:linear-gradient(180deg, var(--amber-light) 0%, #d9b06a 20%, var(--amber) 100%);border:0;border-radius:20px;min-height:3.9rem;padding:0 24px;font-size:1.04rem;font-weight:700;transition:transform .18s,box-shadow .18s,filter .18s;box-shadow:0 18px 34px #744a102e,inset 0 1px #fff1dd85}.cta-button:hover:not(:disabled){filter:brightness(1.01);transform:translateY(-2px);box-shadow:0 22px 40px #744a103d,inset 0 1px #fff1dd9e}.cta-button:focus-visible{outline-offset:3px;outline:3px solid #d5b17547}.cta-button:disabled{cursor:not-allowed;opacity:.72;transform:none}.cta-button--secondary{color:#eaf5ff;background:linear-gradient(#5c87bfeb,#365e96f5);box-shadow:0 18px 34px #12244438,inset 0 1px #ebf4ff33}.dashboard-card{text-align:center;justify-items:center;gap:18px;max-width:40rem;padding:38px;display:grid}.home-panel{z-index:1;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(#111f30eb,#060d17f5),#080e18e6;border:1px solid #abd6f329;border-radius:34px;grid-template-columns:minmax(0,1.08fr) minmax(18rem,.92fr);grid-template-areas:"hero visual""actions visual";gap:30px 34px;width:min(100%,76rem);padding:38px;display:grid;position:relative;overflow:hidden;box-shadow:0 32px 72px #01050c8f,inset 0 1px #dff1ff14,0 0 0 1px #6794b80f}.home-panel:before{content:"";border-radius:inherit;pointer-events:none;border:1px solid #daefff0a;position:absolute;inset:1px}.home-panel__hero{grid-area:hero;align-content:start;gap:20px;display:grid}.home-panel__brand{align-items:center;gap:16px;display:flex}.home-panel__brand-copy{gap:10px;display:grid}.home-panel__brand-copy h1{margin:0}.home-panel__intro{gap:12px;display:grid}.home-panel__intro h2{color:#f6fbff;margin:0;font-size:clamp(1.55rem,3vw,2.4rem);line-height:1.2}.home-panel__intro p{max-width:36rem;color:var(--text-soft);margin:0;font-size:1rem;line-height:1.9}.home-panel__student-card{background:#09131f85;border:1px solid #add5f129;border-radius:22px;justify-items:start;gap:8px;max-width:18rem;padding:1rem 1.1rem;display:grid;box-shadow:inset 0 1px #edf5ff0d}.home-panel__student-label{color:var(--text-muted);letter-spacing:.12em;font-size:.82rem}.home-panel__student-card strong{color:#f7fbff;font-size:1.08rem}.home-panel__student-card span:last-child{color:#d8e6f3c7}.home-panel__visual{background:radial-gradient(circle at 50% 24%,#6092cf29,#0000 34%),linear-gradient(#08101bd6,#050a12f0);border:1px solid #b0d6f01f;border-radius:28px;grid-area:visual;place-items:center;min-height:100%;padding:1.25rem;display:grid;box-shadow:inset 0 1px #e8f2f90f,0 24px 46px #00000038}.home-actions{grid-area:actions;gap:16px;display:grid}.home-actions__row{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.home-action{text-align:right;color:#f7fbff;background:linear-gradient(#0f1d2deb,#08101bf0),#09111ce0;border:1px solid #b2d8f124;border-radius:24px;gap:8px;width:100%;min-height:5.4rem;padding:1.15rem 1.25rem;transition:transform .18s,box-shadow .18s,border-color .18s;display:grid;position:relative;box-shadow:inset 0 1px #f0f7ff14,0 16px 32px #0003}.home-action:hover{border-color:#c6e8ff3d;transform:translateY(-2px);box-shadow:inset 0 1px #f0f7ff1a,0 22px 36px #0000003d}.home-action:focus-visible{outline-offset:3px;outline:3px solid #add5f133}.home-action--primary{background:linear-gradient(#182e47fa,#0c1727f5),#0a121de6;min-height:6.6rem;box-shadow:0 22px 40px #050e1947,inset 0 1px #ecf6ff1f,0 0 24px #56a5e61f}.home-action--primary:after{content:"";background:linear-gradient(90deg,#7cb5e514,#e0f1ffc2,#7cb5e514);height:2px;position:absolute;inset:auto 18px 14px}.home-action--ghost{background:linear-gradient(#0d1826f0,#080e18f5),#080e18e6}.home-action__title{font-size:1.18rem;font-weight:700}.home-action__subtitle{color:#d6e5f3ad;font-size:.88rem}.credits-modal-backdrop{z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#02060cad;place-items:center;padding:22px;animation:.18s ease-out modalFade;display:grid;position:fixed;inset:0}.credits-modal{background:linear-gradient(#121f30f5,#080f19fa),#080e18f5;border:1px solid #b0d6f029;border-radius:26px;width:min(100%,30rem);padding:28px;animation:.22s ease-out modalLift;position:relative;box-shadow:0 28px 62px #00000057,inset 0 1px #e8f2f914,0 0 28px #5497d41f}.credits-modal__close{color:#edf6ff;background:#070e18b3;border:1px solid #b0d6f024;border-radius:50%;width:2.3rem;height:2.3rem;position:absolute;top:14px;left:14px;box-shadow:inset 0 1px #f0f7ff0d}.credits-modal__close:hover{border-color:#c6e8ff3d}.credits-modal__close:focus-visible{outline-offset:3px;outline:3px solid #add5f133}.credits-modal__content{gap:12px;display:grid}.credits-modal__content h2{color:#f7fbff;margin:0;font-size:1.8rem}.credits-modal__copy{color:var(--text-soft);margin:0;font-size:1rem;line-height:1.9}.logo-mark{width:9.5rem;height:9.5rem;transform-style:preserve-3d;place-items:center;animation:9s ease-in-out infinite markFloat;display:grid;position:relative}.logo-mark--compact{flex:none;width:5.25rem;height:5.25rem}.logo-mark__glow,.logo-mark__shadow,.logo-mark__frame,.logo-mark__face,.logo-mark__node{position:absolute}.logo-mark__glow{filter:blur(18px);background:radial-gradient(circle,#70a8e742,#0000 64%);border-radius:50%;inset:-18%;transform:translateZ(-90px)}.logo-mark__shadow{filter:blur(12px);background:#04080e75;border-radius:50%;height:1rem;inset:auto 18% 8%;transform:translateZ(-120px)}.logo-mark__frame{background:#73aadc05;border:1px solid #aad4ef38;border-radius:24px;inset:16%}.logo-mark__frame--rear{opacity:.36;transform:translate3d(10%,-9%,-34px)rotate(10deg)}.logo-mark__frame--front{transform:translateZ(20px)rotate(-6deg);box-shadow:0 0 28px #6195ce24,inset 0 1px #f6fbff14}.logo-mark__face{border:1px solid #c0e3f842;box-shadow:inset 0 1px #fcfeff24}.logo-mark__face--top{clip-path:polygon(50% 0,100% 44%,50% 88%,0 44%);background:linear-gradient(#d4efff8a,#79b4ea2e);height:22%;inset:18% 24% auto;transform:translateZ(38px)}.logo-mark__face--left{clip-path:polygon(0 10%,100% 0,100% 88%,0 100%);background:linear-gradient(#89b5dc5c,#2f56874d);inset:31% 48% 19% 20%;transform:translateZ(20px)}.logo-mark__face--right{clip-path:polygon(0 0,100% 10%,100% 100%,0 88%);background:linear-gradient(#aed4f085,#517eb157);inset:31% 20% 19% 48%;transform:translateZ(52px)}.logo-mark__node{background:#e8f7ff;border-radius:50%;width:.48rem;height:.48rem;box-shadow:0 0 16px #dcf5ff85}.logo-mark__node--one{top:26%;right:26%;transform:translateZ(58px)}.logo-mark__node--two{bottom:27%;left:24%;transform:translateZ(30px)}.geometry-showcase{aspect-ratio:1.08;width:min(82vw,34rem);transform-style:preserve-3d;position:relative}.geometry-showcase--hero{width:min(100%,34rem);transform:translateY(.6rem)}.geometry-showcase--panel{width:min(100%,29rem)}.geometry-showcase__ambient,.geometry-showcase__platform,.geometry-showcase__wire,.geometry-showcase__axis,.geometry-showcase__solid,.geometry-showcase__face,.geometry-showcase__node{position:absolute}.geometry-showcase__ambient{filter:blur(24px);background:radial-gradient(circle,#5994d42e,#0000 66%);border-radius:50%;inset:18% 16%;transform:translateZ(-120px)}.geometry-showcase__platform{background:radial-gradient(circle,#4d7bb02e,#050a1200 74%);border:1px solid #aad6f029;border-radius:50%;height:18%;inset:auto 12% 10%;transform:rotateX(78deg)translateZ(-18px);box-shadow:0 0 24px #3f699c1f}.geometry-showcase__wire{border:1px solid #aad6f029;border-radius:28px;inset:22%}.geometry-showcase__wire--primary{transform:rotateX(68deg)rotate(32deg)translateZ(-8px)}.geometry-showcase__wire--secondary{inset:28%;transform:rotateY(68deg)rotate(20deg)translateZ(58px)}.geometry-showcase__axis{background:linear-gradient(90deg,#0000,#c6e6fb66,#0000)}.geometry-showcase__axis--x{height:1px;top:58%;left:18%;right:18%;transform:rotate(-12deg)translateZ(34px)}.geometry-showcase__axis--y{background:linear-gradient(#0000,#c6e6fb57,#0000);width:1px;top:20%;bottom:18%;left:50%;transform:translate(-50%)translateZ(38px)}.geometry-showcase__axis--z{height:1px;top:26%;left:30%;right:30%;transform:rotate(56deg)translateZ(82px)}.geometry-showcase__solid{width:10rem;height:10rem;transform-style:preserve-3d;animation:10s ease-in-out infinite showroomFloat;top:46%;left:50%;transform:translate(-50%,-50%)rotateX(-26deg)rotateY(30deg)}.geometry-showcase--panel .geometry-showcase__solid{width:8.6rem;height:8.6rem}.geometry-showcase__face{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(#cbe7ff33,#5e8dc61f);border:1px solid #bee4fb38;inset:0;box-shadow:inset 0 1px #fdfeff2e,0 0 28px #4e7fb71f}.geometry-showcase__face--front{transform:translateZ(5rem)}.geometry-showcase__face--side{transform:rotateY(90deg)translateZ(5rem)}.geometry-showcase__face--top{transform:rotateX(90deg)translateZ(5rem)}.geometry-showcase--panel .geometry-showcase__face--front{transform:translateZ(4.3rem)}.geometry-showcase--panel .geometry-showcase__face--side{transform:rotateY(90deg)translateZ(4.3rem)}.geometry-showcase--panel .geometry-showcase__face--top{transform:rotateX(90deg)translateZ(4.3rem)}.geometry-showcase__node{background:#e7f7fff0;border-radius:50%;width:.56rem;height:.56rem;box-shadow:0 0 16px #c4e9ff70}.geometry-showcase__node--one{top:30%;left:26%;transform:translateZ(28px)}.geometry-showcase__node--two{top:22%;right:26%;transform:translateZ(64px)}.geometry-showcase__node--three{bottom:24%;right:34%;transform:translateZ(96px)}@media (width<=980px){.screen-shell{padding:22px}.splash-panel{grid-template-columns:1fr;gap:24px;padding:24px}.splash-panel__stage{min-height:24rem}.splash-panel__content{text-align:center;justify-items:center;max-width:100%}.splash-panel__brand{flex-direction:column}.register-card{grid-template-columns:1fr;padding:26px}.home-panel{grid-template-columns:1fr;grid-template-areas:"hero""visual""actions";padding:26px}.home-panel__hero{text-align:center;justify-items:center}.home-panel__brand{flex-direction:column;justify-content:center}.home-panel__student-card{justify-items:center}.register-card__hero{text-align:center;justify-items:center}.register-card__brand{flex-direction:column;justify-content:center}.register-card__copy{max-width:100%}.register-card__metrics{justify-content:center}}@media (width<=640px){.screen-shell{padding:16px}.register-card,.dashboard-card,.home-panel{border-radius:26px}.register-card,.home-panel{gap:22px;padding:18px}.register-form,.dashboard-card{padding:20px}.logo-mark{width:8.2rem;height:8.2rem}.logo-mark--compact{width:4.8rem;height:4.8rem}.loading-strip{min-width:100%}.geometry-showcase{width:min(100%,24rem)}.home-actions__row{grid-template-columns:1fr}.credits-modal{padding:22px}}@media (prefers-reduced-motion:reduce){.scene-backdrop__dust,.loading-strip__line,.logo-mark,.geometry-showcase__solid{animation:none}}@keyframes drift{0%{transform:translate(0,0)}50%{transform:translate(.8rem,-.6rem)}to{transform:translate(0,0)}}@keyframes sweep{0%{transform:translate(0)}to{transform:translate(280%)}}@keyframes loadingPulse{0%,to{opacity:.86;transform:translate(0%)}50%{opacity:1;transform:translate(130%)}}@keyframes showroomFloat{0%,to{transform:translate(-50%,-50%)rotateX(-26deg)rotateY(30deg)}50%{transform:translate(-50%,-53%)rotateX(-22deg)rotateY(42deg)}}@keyframes markFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes modalLift{0%{opacity:0;transform:translateY(14px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes modalFade{0%{opacity:0}to{opacity:1}}.home-screen{padding:20px}.home-reference{z-index:1;isolation:isolate;-webkit-backdrop-filter:blur(16px)saturate(132%);backdrop-filter:blur(16px)saturate(132%);background:radial-gradient(circle at 50% 0,#e2f1ff2e,#0000 24%),radial-gradient(circle at 16% 18%,#5abdff2e,#0000 24%),radial-gradient(circle at 84% 82%,#8856ff33,#0000 28%),linear-gradient(#18214ff7,#0c1135fa 54%,#070a21fc);border:1px solid #b2d8ff3d;border-radius:22px;padding:18px 14px 16px;position:relative;overflow:hidden;box-shadow:0 36px 72px #0205128f,0 18px 32px #12245c38,inset 0 1px #f1f8ff2e,inset 0 -18px 26px #04081d5c,0 0 36px #6060ff24}.home-reference:before,.home-reference:after{content:"";pointer-events:none;z-index:0;position:absolute}.home-reference:before{border-radius:inherit;background:linear-gradient(#ffffff14,#0000 14% 74%,#04081633),linear-gradient(120deg,#74bcff14,#0000 32%,#9660ff14);border:1px solid #e0efff14;inset:1px;box-shadow:inset 0 1px #ffffff14,inset 0 -1px #0000002e}.home-reference:after{filter:blur(38px);opacity:.96;background:radial-gradient(circle,#935dff47,#0000 30%),radial-gradient(circle,#49adff3d,#0000 48%),radial-gradient(circle at 18% 18%,#dbeeff29,#0000 18%);height:18rem;animation:11s ease-in-out infinite homeReferencePulse;inset:12% -10% auto}.home-reference__topbar{z-index:1;filter:drop-shadow(0 6px 16px #08123a47);direction:ltr;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;display:grid;position:relative}.home-reference__spacer{width:2.7rem;height:2.7rem}.home-help{color:#f3fbff;text-shadow:0 1px #fff3,0 8px 12px #03081b6b;cursor:pointer;isolation:isolate;background:radial-gradient(circle at 30% 26%,#e1f2ffb8,#a5d7ff2e 24%,#0000 26%),radial-gradient(circle at 50% 26%,#62b9ff6b,#0000 58%),linear-gradient(#3f7ee2f5,#1a2a70fa);border:2px solid #7ecdffe0;border-radius:50%;width:2.7rem;height:2.7rem;font-size:1.45rem;font-weight:700;line-height:1;position:relative;overflow:hidden;box-shadow:0 12px 18px #08102e4d,0 0 20px #4da5ff38,inset 0 1px #ffffff47,inset 0 -8px 14px #050b2857}.home-help:before,.home-help:after{content:"";pointer-events:none;position:absolute}.home-help:before{border-radius:inherit;background:linear-gradient(#ffffff29,#0000 34%,#0207183d);border:1px solid #e6f4ff2e;inset:2px}.home-help:after{opacity:.46;background:linear-gradient(115deg,#0000,#ffffffb3,#0000);width:54%;animation:7s linear infinite homeControlSweep;top:-18%;bottom:-18%;left:-56%;transform:skew(-24deg)}.home-help:hover{filter:brightness(1.04);box-shadow:0 14px 22px #08102e57,0 0 24px #4da5ff52,inset 0 1px #ffffff52,inset 0 -10px 16px #050b285c}.home-help:focus-visible{outline-offset:3px;outline:3px solid #89cbff3d}.home-profile{color:#f7fbff;text-shadow:0 1px #ffffff1f,0 10px 16px #050b2857;filter:drop-shadow(0 4px 14px #09133c47);direction:rtl;justify-content:center;align-items:center;gap:10px;font-size:1.05rem;font-weight:700;display:flex}.home-profile__avatar{width:1.85rem;height:1.4rem;position:relative}.home-profile__avatar:before,.home-profile__avatar:after{content:"";background:linear-gradient(#d7efff,#9acfff);position:absolute;left:50%;transform:translate(-50%);box-shadow:inset 0 1px #ffffff47,0 5px 10px #040a2247}.home-profile__avatar:before{border-radius:50%;width:.78rem;height:.78rem;top:0}.home-profile__avatar:after{border-radius:.86rem .86rem .3rem .3rem;width:1.55rem;height:.86rem;bottom:0}.home-profile__name{text-shadow:0 1px #ffffff24,0 8px 14px #040a2452;font-size:1.2rem}.home-profile__score{text-shadow:0 1px #ffffff24,0 8px 14px #040a2447;align-items:center;gap:4px;font-size:1rem;display:inline-flex}.home-profile__star{color:#ffd25e;text-shadow:0 0 12px #ffcd5c6b,0 4px 10px #3d270357}.home-reference__divider{z-index:1;background:linear-gradient(90deg,#0000,#cae1ff75,#0000);height:1px;margin:12px -14px 18px;position:relative;box-shadow:0 0 16px #71aeff24}.lesson-panel{z-index:1;isolation:isolate;background:radial-gradient(circle at 24% 18%,#a7d6ff29,#0000 24%),radial-gradient(circle at 78% 84%,#a652ff29,#0000 28%),linear-gradient(#1d2a68eb,#0f1540e6),#0d122eeb;border:2px solid #ba80ff85;border-radius:18px;grid-template-columns:1.05fr 1.15fr;align-items:center;gap:14px;margin-bottom:16px;padding:18px 16px;display:grid;position:relative;overflow:hidden;box-shadow:0 24px 40px #070c2147,0 0 26px #955cff33,inset 0 1px #eaf1ff24,inset 0 -18px 24px #05081b3d}.lesson-panel:before,.lesson-panel:after{content:"";border-radius:inherit;pointer-events:none;position:absolute}.lesson-panel:before{background:linear-gradient(160deg,#ffffff29,#0000 22% 72%,#0000002e),linear-gradient(#0000,#03071538);border:1px solid #dfefff14;inset:1px}.lesson-panel:after{opacity:.72;background:linear-gradient(115deg,#0000,#ffffff2e,#0000);width:58%;animation:12s linear infinite homeSurfaceSweep;top:-14%;bottom:-24%;left:-34%;transform:skew(-24deg)}.lesson-panel__visual{z-index:1;filter:drop-shadow(0 14px 26px #09133942);place-items:center;min-height:12rem;display:grid;position:relative}.lesson-panel__halo,.lesson-panel__ring{position:absolute}.lesson-panel__halo{filter:blur(18px);opacity:1;background:radial-gradient(circle,#92dbffeb,#784bff5c 42%,#0000 74%);border-radius:50%;width:12rem;height:4rem;animation:5.6s ease-in-out infinite homeHaloPulse;inset:auto auto 1rem}.lesson-panel__ring{border:1px solid #96dcff94;border-radius:50%;width:12.2rem;height:3rem;animation:6.4s ease-in-out infinite homeRingPulse;bottom:1.35rem;box-shadow:0 0 22px #65b6ff3d,inset 0 1px #ffffff24}.lesson-panel__content{z-index:1;text-align:right;gap:8px;display:grid;position:relative}.lesson-panel__content h1{color:#fff;text-shadow:0 1px #ffffff2e,0 12px 18px #03081b66,0 0 14px #ffffff1a;margin:0;font-size:2rem;line-height:1.15}.lesson-panel__label,.lesson-panel__module{color:#f4f9fff5;text-shadow:0 1px #ffffff1f,0 8px 14px #040a2147;margin:0;font-size:1rem;font-weight:700}.lesson-panel__list{color:#eef5fff0;text-shadow:0 1px #ffffff14,0 6px 12px #040a2138;gap:8px;margin:0;padding:0;font-size:.95rem;font-weight:700;list-style:none;display:grid}.lesson-panel__list li{padding-right:1.25rem;position:relative}.lesson-panel__list li:before{content:"✓";color:#fff;position:absolute;top:0;right:0}.lesson-cube{width:7rem;height:7rem;transform-style:preserve-3d;filter:drop-shadow(0 16px 24px #070c2147);position:relative;transform:rotateX(-22deg)rotateY(30deg)}.lesson-cube__glow,.lesson-cube__shadow,.lesson-cube__face{position:absolute}.lesson-cube__glow{filter:blur(22px);opacity:.95;background:radial-gradient(circle,#8ae1ff5c,#0000 64%);border-radius:50%;animation:5s ease-in-out infinite homeHaloPulse;inset:-22%;transform:translateZ(-60px)}.lesson-cube__shadow{filter:blur(14px);background:#04081694;border-radius:50%;height:1.2rem;inset:auto 8% -1rem;transform:translateZ(-80px)}.lesson-cube__face{background-size:140% 140%;border:1px solid #eef9ffad;animation:6.2s ease-in-out infinite homeFacetPulse;inset:0;box-shadow:inset 0 1px #ffffff29,inset 0 -10px 16px #03071538,0 0 18px #749eff2e}.lesson-cube__face--top{clip-path:polygon(50% 0,100% 29%,50% 58%,0 29%);background:radial-gradient(circle at 30% 18%,#ffffff57,#0000 26%),linear-gradient(#7af6fffa,#3fc2ffd1),linear-gradient(90deg,#fff3,#0000);transform:translateY(-29%)translateZ(2px)}.lesson-cube__face--left{clip-path:polygon(0 29%,50% 58%,50% 100%,0 72%);background:linear-gradient(#518ffff5,#2242d3e6);transform:translateZ(1px)}.lesson-cube__face--right{clip-path:polygon(50% 58%,100% 29%,100% 72%,50% 100%);background:linear-gradient(#6fabfff0,#3f62eae6)}.home-menu-grid{z-index:1;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:12px;display:grid;position:relative}.home-menu-button{color:#fff;text-shadow:0 1px #ffffff1f,0 8px 14px #00000047;isolation:isolate;cursor:pointer;border:1px solid #bce1ff38;border-radius:12px;justify-content:center;align-items:center;gap:10px;min-height:5rem;padding:.95rem 1rem;font-size:1rem;font-weight:800;transition:transform .18s,box-shadow .18s,filter .18s;display:flex;position:relative;overflow:hidden;box-shadow:0 18px 26px #060c223d,0 0 18px #4a7eff1f,inset 0 1px #eef6ff29,inset 0 -14px 20px #0408162e}.home-menu-button:before,.home-menu-button:after{content:"";pointer-events:none;position:absolute}.home-menu-button:before{border-radius:inherit;background:linear-gradient(#ffffff2e,#0000 18% 66%,#00000029),linear-gradient(120deg,#ffffff1a,#0000 40%,#08102214);inset:1px;box-shadow:inset 0 1px #ffffff24,inset 0 -10px 16px #050a1c2e}.home-menu-button:after{opacity:.6;background:linear-gradient(115deg,#0000,#ffffff52,#0000);width:48%;animation:9s linear infinite homeButtonSweep;top:-20%;bottom:-20%;left:-62%;transform:skew(-22deg)}.home-menu-button:hover{filter:brightness(1.04)saturate(1.05);transform:translateY(-2px);box-shadow:0 20px 30px #060c2247,0 0 24px #4a7eff2e,inset 0 1px #eef6ff2e,inset 0 -14px 20px #04081633}.home-menu-button:focus-visible{outline-offset:3px;outline:3px solid #8dceff3d}.home-menu-button--vr{background:radial-gradient(circle at 18% 18%,#e8f4ff3d,#0000 18%),radial-gradient(circle at 78% 82%,#071c5947,#0000 30%),linear-gradient(#6ab5ff2e,#0000 42%),linear-gradient(135deg,#277cfffa,#1f50c2fa)}.home-menu-button--meta{background:radial-gradient(circle at 82% 18%,#f5d1ff38,#0000 20%),radial-gradient(circle at 18% 84%,#250f563d,#0000 28%),linear-gradient(#b888ff29,#0000 42%),linear-gradient(135deg,#5b44e9fa,#9d48fff5)}.home-menu-button--challenges{background:radial-gradient(circle at 22% 22%,#ffd8c633,#0000 18%),radial-gradient(circle at 78% 86%,#500e2738,#0000 28%),linear-gradient(#ffaa8529,#0000 42%),linear-gradient(135deg,#9a295cfa,#ff6941f5)}.home-menu-button--tests{background:radial-gradient(circle at 78% 18%,#dff5ff38,#0000 18%),radial-gradient(circle at 16% 84%,#05265933,#0000 28%),linear-gradient(#89deff29,#0000 42%),linear-gradient(135deg,#2364c9fa,#3abafff0)}.home-menu-button__title{z-index:1;text-shadow:0 1px #ffffff24,0 8px 14px #0308184d;position:relative}.home-menu-button__pill{z-index:1;color:#fff;letter-spacing:.04em;background:linear-gradient(#233052e6,#0a0e1deb),#090d18d1;border:1px solid #ffffff3d;border-radius:.65rem;justify-content:center;align-items:center;min-width:3.1rem;padding:.3rem .5rem;font-size:1.15rem;font-weight:900;display:inline-flex;position:relative;box-shadow:0 8px 12px #03081838,inset 0 1px #ffffff29,inset 0 -8px 12px #0205123d}.home-menu-button__goggles{z-index:1;filter:drop-shadow(0 6px 10px #03081847);gap:4px;display:inline-flex;position:relative}.home-menu-button__goggles span{border:3px solid #fffffff5;border-radius:50%;width:.88rem;height:.88rem;box-shadow:inset 0 1px #ffffff24,0 4px 10px #03081838}.home-menu-button__goggles:after{content:"";background:#fffffff5;width:.6rem;height:.2rem;position:absolute;top:.38rem;right:50%;transform:translate(50%)}.home-reference__pager{z-index:1;filter:drop-shadow(0 8px 12px #060a1f42);justify-content:center;align-items:center;gap:8px;margin-top:8px;display:flex;position:relative}.home-reference__pager-dot{background:linear-gradient(#fdfeffeb,#9bb8e5b3);border-radius:999px;width:.55rem;height:.55rem;box-shadow:0 0 12px #9bbcef33,inset 0 1px #fff3,inset 0 -4px 8px #2c457b38}.home-reference__pager-dot--active{background:linear-gradient(#fffffffa,#a4d4ffeb);width:1.05rem;animation:4.4s ease-in-out infinite homeDotPulse;box-shadow:0 0 18px #97d9ff57,inset 0 1px #ffffff47,inset 0 -5px 10px #4168a838}.home-reference__pager-dot--line{background:linear-gradient(90deg,#917eff9e,#ddebfff0,#917eff9e);width:.9rem;box-shadow:0 0 16px #917eff47,inset 0 1px #ffffff2e,inset 0 -4px 8px #3d287a33}@keyframes homeReferencePulse{0%,to{opacity:.84;transform:scale(1)}50%{opacity:1;transform:scale(1.04)}}@keyframes homeControlSweep{0%{opacity:0;transform:translate(0)skew(-24deg)}14%{opacity:.46}34%{opacity:0;transform:translate(240%)skew(-24deg)}to{opacity:0;transform:translate(240%)skew(-24deg)}}@keyframes homeSurfaceSweep{0%{opacity:0;transform:translate(0)skew(-24deg)}12%{opacity:.72}38%{opacity:0;transform:translate(250%)skew(-24deg)}to{opacity:0;transform:translate(250%)skew(-24deg)}}@keyframes homeHaloPulse{0%,to{opacity:.9;filter:blur(18px)}50%{opacity:1;filter:blur(22px)}}@keyframes homeRingPulse{0%,to{box-shadow:0 0 18px #65b6ff2e,inset 0 1px #ffffff1a}50%{box-shadow:0 0 28px #8adbff57,inset 0 1px #ffffff29}}@keyframes homeFacetPulse{0%,to{box-shadow:inset 0 1px #ffffff29,inset 0 -10px 16px #03071538,0 0 18px #749eff2e}50%{box-shadow:inset 0 1px #ffffff38,inset 0 -10px 16px #0307152e,0 0 22px #8dd4ff42}}@keyframes homeButtonSweep{0%{opacity:0;transform:translate(0)skew(-22deg)}12%{opacity:.6}34%{opacity:0;transform:translate(300%)skew(-22deg)}to{opacity:0;transform:translate(300%)skew(-22deg)}}@keyframes homeDotPulse{0%,to{box-shadow:0 0 18px #97d9ff47,inset 0 1px #ffffff47,inset 0 -5px 10px #4168a838}50%{box-shadow:0 0 24px #b3e4ff66,inset 0 1px #ffffff52,inset 0 -5px 10px #4168a82e}}@media (prefers-reduced-motion:reduce){.home-reference:after,.home-help:after,.lesson-panel:after,.lesson-panel__halo,.lesson-panel__ring,.lesson-cube__glow,.lesson-cube__face,.home-menu-button:after,.home-reference__pager-dot--active{animation:none}}@media (width<=520px){.home-screen{padding:12px}.home-reference{border-radius:18px;width:100%;padding:14px 10px}.home-reference__divider{margin-inline:-10px}.lesson-panel{text-align:center;grid-template-columns:1fr;gap:10px}.lesson-panel__content{text-align:center}.lesson-panel__list li{padding-right:0}.lesson-panel__list li:before{margin-left:6px;position:static}.home-menu-grid{grid-template-columns:1fr}}