.demoGateway{--demo-navy:#061b40;--demo-blue:#1267f4;--demo-ink:#0b1938;--demo-muted:#6f7e99;--demo-line:#dce4f1;min-height:100vh;color:var(--demo-ink);background:#f4f7fc;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;overflow:hidden}.demoGateway button{font-family:inherit}.demoGateway .demoGateNav{max-width:1240px;height:78px;padding:0 30px}.demoGateway .brand{color:#0a1835;letter-spacing:-.7px;font-family:inherit;font-size:25px;font-weight:800}.demoGateway .brandmark{color:#fff;background:linear-gradient(145deg,#2d83ff,#0758e6);border:0;border-radius:9px 9px 14px 14px;width:36px;height:41px;font-family:Georgia,serif;font-size:20px;box-shadow:0 8px 20px #1267f447}.demoGateway .backSite{color:#3f4f6e;background:#fff;border:1px solid #dce4f0;border-radius:7px;height:36px;padding:0 12px;font-size:9px;font-weight:700}.demoGateway .backSite:hover{color:#075fe6;border-color:#9cbcf3}.demoGateway .demoGateHero{text-align:center;background:radial-gradient(circle at 83% 12%,#326cffb8,#0000 35%),radial-gradient(circle at 8% 100%,#145be652,#0000 35%),linear-gradient(125deg,#061a3e 0%,#09265c 57%,#0b3c9e 100%);border-radius:16px;max-width:1200px;min-height:360px;margin:10px auto 0;padding:62px 28px 116px;position:relative;overflow:hidden;box-shadow:0 18px 42px #08235324}.demoGateway .demoGateHero:before,.demoGateway .demoGateHero:after{content:"";border:1px solid #ffffff14;border-radius:50%;position:absolute}.demoGateway .demoGateHero:before{width:420px;height:420px;bottom:-250px;right:-120px;box-shadow:0 0 0 48px #ffffff06,0 0 0 96px #ffffff04}.demoGateway .demoGateHero:after{width:260px;height:260px;top:-150px;left:-130px;box-shadow:0 0 0 38px #ffffff05}.demoGateway .demoPill{z-index:1;color:#a9caff;letter-spacing:1.4px;background:#ffffff13;border:1px solid #84b3ff47;border-radius:18px;align-items:center;padding:7px 11px;font-size:8px;display:inline-flex;position:relative}.demoGateway .demoPill i{background:#4be083;width:7px;height:7px;box-shadow:0 0 0 4px #4be08321}.demoGateway .demoGateHero h1{z-index:1;color:#fff;letter-spacing:-2px;margin:20px 0 12px;font:800 48px/1.06 Inter,ui-sans-serif,system-ui,sans-serif;position:relative}.demoGateway .demoGateHero h1 em{color:#66a1ff;font:inherit}.demoGateway .demoGateHero p{z-index:1;color:#cbd9f3;max-width:650px;font:12px/1.7 Inter,ui-sans-serif,system-ui,sans-serif;position:relative}.demoGateway .roleGrid{z-index:2;gap:16px;max-width:1120px;margin:-72px auto 82px;padding:0 24px;position:relative}.demoGateway .roleGrid article{border:1px solid var(--demo-line);background:#fff;border-radius:11px;min-height:304px;padding:22px;position:relative;overflow:hidden;box-shadow:0 12px 30px #102a5713}.demoGateway .roleGrid article:before{content:"";background:linear-gradient(90deg,#1267f4,#6e9fff);height:3px;position:absolute;inset:0 0 auto}.demoGateway .roleGrid article:hover{border-color:#a7c3f2;transform:translateY(-4px);box-shadow:0 18px 38px #102a5721}.demoGateway .roleIcon{color:#fff;background:linear-gradient(145deg,#247cff,#0b5be8);border-radius:9px;width:45px;height:45px;box-shadow:0 8px 18px #1267f433}.demoGateway .roleIcon.principal{color:#fff;background:linear-gradient(145deg,#8b6bff,#5841df)}.demoGateway .roleIcon.teacher{color:#fff;background:linear-gradient(145deg,#43a1ff,#1671e7)}.demoGateway .roleIcon.bursar{color:#fff;background:linear-gradient(145deg,#ffbd4b,#f08b0d)}.demoGateway .roleIcon.parent{color:#fff;background:linear-gradient(145deg,#a16eff,#7549dd)}.demoGateway .roleIcon.student{color:#fff;background:linear-gradient(145deg,#50d38c,#20ae66)}.demoGateway .roleGrid h2{color:#0b1938;letter-spacing:-.4px;margin:17px 0 7px;font:750 20px Inter,ui-sans-serif,system-ui,sans-serif}.demoGateway .roleGrid article>div:nth-child(2)>p{color:#71809a;min-height:54px;font-size:10px;line-height:1.65}.demoGateway .demoIdentity{border-top:1px solid #e8edf5;padding-top:14px}.demoGateway .demoIdentity>span{color:#075fe6;background:#e8f1ff;width:33px;height:33px}.demoGateway .demoIdentity small{color:#8a96aa}.demoGateway .demoIdentity b{color:#172643}.demoGateway .roleGrid article>button{color:#fff;background:linear-gradient(135deg,#1671ff,#0d5de7);border-radius:6px;height:39px;margin-top:14px;padding:0 13px;font-size:9px;transition:all .18s;box-shadow:0 7px 17px #1267f433}.demoGateway .roleGrid article>button:hover{background:linear-gradient(135deg,#0f63e9,#084dc8);transform:translateY(-1px)}.demoGateway .schoolSiteInvite{color:#fff;background:radial-gradient(circle at 88% 15%,#2d66f657,#0000 34%),linear-gradient(125deg,#061a3d,#08275d 60%,#0a347f);gap:80px;padding:88px max(30px,50vw - 550px)}.demoGateway .siteMock{border:7px solid #04142f;border-radius:13px;transform:rotate(-.7deg);box-shadow:0 28px 58px #00000059}.demoGateway .siteMockTop{color:#14254a}.demoGateway .siteMockTop>span{background:#1267f4}.demoGateway .siteMockTop b{font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-weight:750}.demoGateway .siteMockBody{background:radial-gradient(circle at 85% 10%,#2f6fff8f,#0000 38%),linear-gradient(130deg,#061c43,#0b3d99);height:250px;padding:38px}.demoGateway .siteMockBody small{color:#8cb8ff}.demoGateway .siteMockBody b{letter-spacing:-.7px;font:750 27px/1.14 Inter,ui-sans-serif,system-ui,sans-serif}.demoGateway .siteMockBody span{color:#fff;background:#1267f4}.demoGateway .schoolSiteInvite>div:last-child>h2{color:#fff;letter-spacing:-1px;margin:15px 0;font:750 36px/1.14 Inter,ui-sans-serif,system-ui,sans-serif}.demoGateway .schoolSiteInvite>div:last-child>p{color:#b8cae9;font-size:11px}.demoGateway .schoolSiteInvite .demoPill{color:#86b3ff;background:#ffffff12}.demoGateway .schoolSiteInvite .primary{color:#fff;background:#1267f4;border-radius:6px;height:43px;padding:0 17px;box-shadow:0 8px 20px #030f2740}.demoGateway .demoGateFooter{color:#78869d;max-width:1120px;height:76px}.demoGateway .demoGateFooter b{color:#152541}.demoGateway .demoGateFooter button{color:#075fe6}@media (width<=900px){.demoGateway .demoGateHero{margin-left:18px;margin-right:18px}.demoGateway .roleGrid{grid-template-columns:repeat(2,1fr)}.demoGateway .schoolSiteInvite{grid-template-columns:1fr;gap:55px}.demoGateway .siteMock{max-width:650px}.demoGateway .roleGrid article{min-height:292px}}@media (width<=600px){.demoGateway .demoGateNav{height:68px;padding:0 16px}.demoGateway .backSite{width:36px;padding:0;font-size:0}.demoGateway .backSite:after{content:"←";font-size:16px}.demoGateway .demoGateHero{min-height:330px;margin:5px 10px 0;padding:46px 20px 104px}.demoGateway .demoGateHero h1{letter-spacing:-1.3px;font-size:36px}.demoGateway .demoGateHero p{font-size:10px}.demoGateway .roleGrid{grid-template-columns:1fr;gap:12px;margin-top:-68px;padding:0 14px}.demoGateway .roleGrid article{min-height:278px}.demoGateway .schoolSiteInvite{padding:62px 18px}.demoGateway .siteMockBody{height:205px;padding:25px}.demoGateway .schoolSiteInvite>div:last-child>h2{font-size:29px}.demoGateway .demoGateFooter{padding:0 17px}.demoGateway .demoGateFooter span{display:none}}