:root{--ink:#0c1227;--navy:#101a3d;--navy2:#1d2e67;--blue:#536ee8;--blue2:#7890ff;--paper:#f5f7fb;--white:#fff;--muted:#69718a;--line:#dce1ee;--dark:#0a0f22;--radius:22px;--shadow:0 22px 60px rgba(9,18,48,.13)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,Avenir Next,Avenir,Helvetica Neue,Arial,sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}.top-stripe{height:7px;background:#273a84;overflow:hidden}.top-stripe span{display:block;width:32%;height:100%;background:linear-gradient(90deg,#7086ff,#a9b5ff,#7086ff);animation:stripe 7s ease-in-out infinite}@keyframes stripe{50%{transform:translateX(215%)}}.site-header{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.91);backdrop-filter:blur(18px);border-bottom:1px solid rgba(17,31,76,.08)}.header-inner{max-width:1220px;margin:auto;padding:14px 28px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:flex;align-items:center;gap:13px;min-width:0}.brand-mark{width:58px;height:58px;border-radius:16px;overflow:hidden;background:linear-gradient(145deg,#1d2e67,#6d83f1);box-shadow:0 8px 22px rgba(26,44,104,.2);flex:0 0 auto}.brand-mark img{width:100%;height:100%;object-fit:cover}.brand-fallback{display:none;width:100%;height:100%;place-items:center;color:white;font-size:30px;font-weight:800}.brand-copy{display:grid;line-height:1.05}.brand-copy strong{font-size:22px;letter-spacing:-.5px}.brand-copy>span{font-size:12px;letter-spacing:1.6px;text-transform:uppercase;color:#47516d;margin-top:3px}.brand-copy em{font-family:Georgia,serif;font-size:11px;font-weight:400;color:#747d95;margin-top:5px}.primary-nav{display:flex;align-items:center;gap:7px}.primary-nav a{padding:10px 12px;border-radius:10px;font-size:14px;font-weight:650;color:#424b65;transition:.2s}.primary-nav a:hover,.primary-nav a.active{background:#edf0fa;color:#1a2d70}.primary-nav .nav-login{background:var(--navy);color:white;padding-inline:18px}.primary-nav .nav-login:hover,.primary-nav .nav-login.active{background:#263b84;color:white}.primary-nav .nav-register{border:1px solid var(--line)}.menu-toggle{display:none;border:1px solid var(--line);background:white;border-radius:10px;padding:10px 14px;font-weight:700}.page-shell{overflow:hidden}.hero{max-width:1220px;margin:auto;padding:90px 28px 78px;display:grid;grid-template-columns:1.02fr .98fr;gap:72px;align-items:center}.eyebrow{margin:0 0 14px;color:#5368c6;font-size:12px;font-weight:800;letter-spacing:2px;text-transform:uppercase}.hero h1,.content-hero h1{font-size:clamp(42px,5.1vw,72px);line-height:1.02;letter-spacing:-2.8px;margin:0}.hero h1 span,.content-hero h1 span{color:#536ee8}.hero-lead{font-size:18px;color:#566079;max-width:650px;margin:25px 0 30px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:48px;padding:12px 20px;border-radius:12px;font-weight:750;border:0;cursor:pointer;font-size:14px}.button.primary{background:var(--navy);color:white;box-shadow:0 9px 24px rgba(16,26,61,.18)}.button.primary:hover{background:#24397e}.button.secondary{border:1px solid #cfd5e4;background:white}.button.light{background:white;color:var(--navy)}.trust-line{margin-top:30px;font-size:12px;color:#717990;display:flex;align-items:center;gap:9px}.pulse-dot{width:8px;height:8px;border-radius:50%;background:#4f6de8;box-shadow:0 0 0 0 rgba(79,109,232,.4);animation:pulse 2.4s infinite}@keyframes pulse{70%{box-shadow:0 0 0 8px rgba(79,109,232,0)}}.hero-system{perspective:1200px}.system-window{position:relative;overflow:hidden;background:#10172d;border:1px solid #27345b;border-radius:20px;box-shadow:0 35px 80px rgba(11,19,49,.27);transform:rotateY(-4deg) rotateX(1deg);transition:.5s}.hero-system:hover .system-window{transform:rotateY(0) rotateX(0) translateY(-4px)}.window-bar{height:43px;background:#17213e;border-bottom:1px solid #2a375d;display:flex;align-items:center;gap:7px;padding:0 14px;color:#8d9ac2;font-size:9px;letter-spacing:1.5px}.window-bar i{width:8px;height:8px;border-radius:50%;background:#596889}.window-bar span{margin-left:auto}.system-grid{display:grid;grid-template-columns:145px 1fr;min-height:360px}.system-sidebar{padding:24px 14px;background:#0c1225;display:flex;flex-direction:column;gap:8px;color:#8290b8;font-size:11px}.system-sidebar b{font-size:9px;color:#5f6c92;letter-spacing:2px;margin:0 8px 10px}.system-sidebar span{padding:9px 10px;border-radius:7px}.system-sidebar .selected{background:#243a83;color:white}.system-content{padding:27px 24px;color:white}.mini-heading{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #293655;padding-bottom:15px}.mini-heading span{font-weight:750}.mini-heading small{font-size:8px;letter-spacing:1.5px;color:#8ba0ff}.metric-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0}.metric-row div{background:#17213d;border:1px solid #263456;border-radius:12px;padding:14px}.metric-row b{display:block;font-size:25px}.metric-row span{font-size:9px;color:#8896bd;text-transform:uppercase;letter-spacing:1px}.activity-list{display:grid;gap:8px}.activity-list span{background:#131d37;border-radius:8px;padding:11px 12px;font-size:11px;color:#c2c9dc}.activity-list i{display:inline-block;width:7px;height:7px;background:#647eef;border-radius:50%;margin-right:10px}.scan-line{position:absolute;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#8fa2ff,transparent);opacity:.45;animation:scan 5s linear infinite}@keyframes scan{from{top:43px}to{top:100%}}.feature-section{background:#0c1227;color:white;padding:82px max(28px,calc((100% - 1164px)/2))}.section-heading{max-width:680px}.section-heading h2{font-size:38px;letter-spacing:-1.2px;margin:0 0 12px}.section-heading>p:last-child{color:#aab3cd}.feature-carousel{display:grid;grid-template-columns:42px 1fr 42px;gap:13px;align-items:center;margin-top:38px}.feature-track{display:flex;gap:16px;overflow:auto;scrollbar-width:none;scroll-snap-type:x mandatory;padding:10px 2px 18px}.feature-track::-webkit-scrollbar{display:none}.feature-card{position:relative;min-width:260px;max-width:260px;min-height:245px;padding:26px;border:1px solid #2c3758;border-radius:18px;background:linear-gradient(145deg,var(--card-a,#172343),var(--card-b,#111a33));scroll-snap-align:start;transition:.25s}.feature-card:hover{transform:translateY(-6px);border-color:#6479d4}.feature-number{font-size:11px;color:#7f8db4;letter-spacing:2px}.feature-card h3{font-size:20px;line-height:1.15;margin:50px 0 12px}.feature-card p{font-size:13px;color:#aeb8d1}.carousel-button{width:42px;height:42px;border-radius:50%;border:1px solid #344262;background:#121b34;color:white;font-size:27px;cursor:pointer}.audience-section{max-width:1164px;margin:82px auto;padding:0 28px;display:grid;grid-template-columns:1fr 1fr;gap:20px}.audience{padding:42px;border-radius:var(--radius);min-height:330px;display:flex;flex-direction:column}.audience.teacher{background:white;box-shadow:var(--shadow)}.audience.student{background:#263b84;color:white}.audience-label{font-size:10px;letter-spacing:2px;font-weight:800;opacity:.65}.audience h2{font-size:32px;line-height:1.05;letter-spacing:-1px;max-width:420px}.audience p{font-size:14px;max-width:490px;opacity:.78}.audience a{margin-top:auto;font-weight:750;font-size:13px}.closing-band{max-width:1164px;margin:0 auto 82px;background:linear-gradient(110deg,#536ee8,#273b82);color:white;border-radius:24px;padding:35px 42px;display:flex;align-items:center;justify-content:space-between;gap:30px}.closing-band p{font-size:21px;font-weight:700;max-width:680px;margin:0}.content-hero{max-width:1164px;margin:auto;padding:90px 28px 55px}.content-hero p:last-child{font-size:19px;color:#626c84;max-width:780px}.principles{max-width:1000px;margin:0 auto 90px;padding:0 28px}.principle{display:grid;grid-template-columns:90px 1fr;gap:28px;padding:28px 0;border-top:1px solid var(--line)}.principle>span{font-size:12px;color:#6576c5;font-weight:800;letter-spacing:2px}.principle h2{margin:0 0 5px;font-size:26px}.principle p{margin:0;color:#657087}.story-layout{max-width:1100px;margin:0 auto 90px;padding:0 28px;display:grid;grid-template-columns:300px 1fr;gap:55px}.story-card{background:#172550;color:white;border-radius:24px;padding:32px;align-self:start}.story-year{font-size:60px;font-weight:800;letter-spacing:-3px;color:#8fa2ff}.story-copy h2{font-size:32px;line-height:1.1}.story-copy p{color:#5d667d;font-size:16px}.story-copy strong{color:#172550}.signature{font-family:Georgia,serif;font-style:italic}.contact-layout{max-width:1100px;margin:0 auto 90px;padding:0 28px;display:grid;grid-template-columns:1fr 1fr;gap:70px}.contact-copy h2{font-size:30px}.contact-copy p{color:#616b82}.contact-note{margin-top:35px;padding:20px;border-left:3px solid #5c74e8;background:#edf0fa;display:grid;gap:5px}.contact-note span{font-size:13px;color:#59647d}.feedback-form,.login-card{background:white;border:1px solid #e0e4ee;border-radius:20px;padding:30px;box-shadow:0 16px 45px rgba(20,30,65,.08)}label{display:grid;gap:7px;margin-bottom:18px;font-size:12px;font-weight:750;color:#424c66}label span{font-weight:400;color:#8a91a3}input,textarea{width:100%;border:1px solid #ccd3e2;background:#fafbfe;border-radius:10px;padding:12px 13px;font:inherit;font-size:16px;color:#11182e;outline:none}input:focus,textarea:focus{border-color:#5b73df;box-shadow:0 0 0 3px rgba(91,115,223,.12)}.login-intro{max-width:1100px;margin:auto;padding:75px 28px 35px;text-align:center}.login-intro h1{font-size:44px;margin:0}.login-intro>p:last-child{color:#68728a}.login-grid{max-width:900px;margin:0 auto 90px;padding:0 28px;display:grid;grid-template-columns:1fr 1fr;gap:20px}.login-card h2{font-size:26px}.login-type{display:flex;align-items:center;gap:10px;font-size:9px;font-weight:800;letter-spacing:2px;color:#6676c0}.login-type i{height:1px;background:#d9deeb;flex:1}.login-card .button{width:100%}.login-error{background:#fff1f1;color:#9b3030;border-radius:9px;padding:10px 12px;font-size:12px}.text-link,.link-button{font-size:12px;text-decoration:underline;color:#4e61b7}.text-link{display:inline-block;margin-top:16px}.link-button{border:0;background:none;padding:0;cursor:pointer}.login-links{display:flex;justify-content:space-between;align-items:center}.site-footer{background:#080d1d;color:#a7afc5}.footer-inner{max-width:1164px;margin:auto;padding:38px 28px;display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center}.footer-inner>div:first-child{display:grid}.footer-inner strong{color:white}.footer-inner span{font-size:12px}.footer-links{display:flex;gap:18px;font-size:12px}.footer-inner small{grid-column:1/-1;border-top:1px solid #1d263e;padding-top:17px;font-size:10px}.reveal{opacity:0;transform:translateY(16px);transition:opacity .65s ease,transform .65s ease}.reveal.visible{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}@media(max-width:850px){.header-inner{padding:12px 18px}.menu-toggle{display:block}.primary-nav{position:absolute;top:83px;left:18px;right:18px;display:none;flex-direction:column;align-items:stretch;background:white;border:1px solid var(--line);border-radius:14px;padding:10px;box-shadow:var(--shadow)}.primary-nav.open{display:flex}.hero{grid-template-columns:1fr;padding-top:60px;gap:45px}.hero-system{max-width:620px}.audience-section,.story-layout,.contact-layout,.login-grid{grid-template-columns:1fr}.story-card{max-width:340px}.closing-band{margin-inline:20px}.system-window{transform:none}}@media(max-width:560px){.brand-copy>span,.brand-copy em{display:none}.brand-mark{width:48px;height:48px}.hero,.content-hero{padding-left:20px;padding-right:20px}.hero h1,.content-hero h1{font-size:42px;letter-spacing:-1.8px}.hero-lead{font-size:16px}.system-grid{grid-template-columns:105px 1fr}.system-sidebar{padding-inline:8px}.system-content{padding:20px 12px}.metric-row{gap:5px}.metric-row div{padding:10px 7px}.metric-row b{font-size:19px}.feature-section{padding-inline:18px}.feature-carousel{grid-template-columns:1fr}.carousel-button{display:none}.audience-section{padding-inline:20px}.audience{padding:30px}.closing-band{padding:28px;align-items:flex-start;flex-direction:column}.footer-inner{grid-template-columns:1fr}.footer-links{flex-wrap:wrap}.principle{grid-template-columns:45px 1fr}.login-grid,.contact-layout,.story-layout{padding-inline:20px}}