:root{color-scheme:dark;--portal-navy: #06182b;--portal-navy-deep: #03101f;--portal-blue: #123c66;--portal-gold: #e8b744;--portal-gold-soft: #f7d77d;--portal-white: #f7f9fc;--portal-muted: #b9c4d2;--portal-green: #65d6a1;--portal-line: rgba(238, 191, 78, .58);--portal-glass: rgba(6, 27, 50, .76)}*{box-sizing:border-box}html{min-width:320px;background:var(--portal-navy-deep);scroll-behavior:smooth}body.portal-home{min-width:320px;min-height:100svh;margin:0;color:var(--portal-white);background:var(--portal-navy-deep);font-family:Segoe UI,Arial,sans-serif;letter-spacing:0}button,a{font:inherit}button{color:inherit}.skip-link{position:fixed;top:12px;left:12px;z-index:100;padding:10px 14px;color:#07182a;background:#fff;border-radius:6px;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.portal-shell{display:grid;grid-template-columns:350px minmax(0,1fr);min-height:100svh;overflow:hidden}.school-identity{position:relative;z-index:5;min-width:0;min-height:100svh;padding:58px 32px 28px;border-right:1px solid var(--portal-line);border-radius:0 116px 116px 0;color:#fff;background:radial-gradient(circle at 30% 18%,rgba(29,94,151,.34),transparent 28%),linear-gradient(155deg,#0b2e52,#061c34 45%,#031224);box-shadow:22px 0 48px #00000042;display:flex;flex-direction:column;align-items:center;text-align:center;overflow:hidden}.school-identity:before{content:"";position:absolute;inset:auto -94px -160px -116px;height:380px;border:14px solid rgba(232,183,68,.92);border-left-color:transparent;border-bottom-color:transparent;border-radius:50%;transform:rotate(-25deg)}.school-identity:after{content:"";position:absolute;inset:auto 0 0;height:190px;opacity:.46;background-image:radial-gradient(circle,var(--portal-gold) 0 1px,transparent 1.5px);background-size:12px 12px;-webkit-mask-image:linear-gradient(108deg,#000,transparent 56%);mask-image:linear-gradient(108deg,#000,transparent 56%)}.identity-mark{position:relative;z-index:1;width:178px;height:178px;margin-top:16px;display:grid;place-items:center}.identity-mark img{width:178px;height:178px;max-width:100%;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 10px 16px rgba(0,0,0,.28))}.identity-copy{position:relative;z-index:1;width:100%;margin-top:0}.identity-copy>span,.identity-copy>strong{display:block;font-family:Georgia,Times New Roman,serif;line-height:1.08;text-transform:uppercase}.identity-copy>span{font-size:30px;font-weight:700}.identity-copy>strong{margin-top:6px;color:var(--portal-gold-soft);font-size:29px;font-weight:800;white-space:nowrap}.identity-copy i{position:relative;display:block;width:184px;height:1px;margin:25px auto 21px;background:linear-gradient(90deg,transparent,var(--portal-gold),transparent)}.identity-copy i:after{content:"";position:absolute;left:50%;top:50%;width:9px;height:9px;border:2px solid var(--portal-gold);background:#082540;transform:translate(-50%,-50%) rotate(45deg)}.identity-copy p{margin:0;color:#e4e9ef;font-size:16px;font-weight:600;line-height:1.65}.identity-signature{position:relative;z-index:1;margin-top:auto;width:100%;color:#aebdca;font-size:10px;font-weight:700;text-transform:uppercase}.identity-signature span{display:block}.identity-signature b,.stage-footer b{color:var(--portal-gold-soft);font-weight:700}.portal-stage{isolation:isolate;position:relative;min-width:0;min-height:100svh;padding:26px 56px 18px;display:flex;flex-direction:column;overflow:hidden;background:#071a2d}.portal-stage>*,.stage-header,.portal-section,.portal-grid,.manager-access{min-width:0;max-width:100%}.campus-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;background-image:linear-gradient(90deg,#030f1dde,#051627a6 35%,#05162729 72%,#030e1a29),linear-gradient(180deg,#030e1b0d,#030e1b75),url(/images/school-campus-hero.webp);background-size:auto 130%;background-position:center bottom;background-repeat:no-repeat}.campus-backdrop:after{content:"";position:absolute;inset:auto 0 0;height:4px;background:linear-gradient(90deg,#2fc4d9,#64d7a2,var(--portal-gold))}.stage-header{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:flex-start;gap:28px}.welcome-heading{min-width:0;padding:12px 0 0 4px}.welcome-heading>p{margin:0 0 5px;color:#eef3f9;font-size:18px;font-weight:600}.welcome-heading h1{margin:0;font-family:Segoe UI,Arial,sans-serif;line-height:.98;text-transform:uppercase;text-shadow:0 9px 24px rgba(0,0,0,.42)}.welcome-heading h1 span,.welcome-heading h1 strong{display:block}.welcome-heading h1 span{font-size:42px;font-weight:800}.welcome-heading h1 strong{margin-top:4px;color:var(--portal-gold-soft);font-size:65px;font-weight:800}.school-name{display:flex;align-items:center;gap:13px;margin-top:13px;color:#f6f8fb;font-family:Segoe UI,Arial,sans-serif;font-size:21px;font-weight:700}.school-name i{display:block;width:74px;height:1px;background:linear-gradient(90deg,transparent,var(--portal-gold))}.school-name i:last-child{transform:scaleX(-1)}.utility-panel{flex:0 0 auto;min-height:76px;padding:11px 14px;border:1px solid rgba(176,203,229,.54);border-radius:8px;color:#fff;background:linear-gradient(145deg,#0b2a49f0,#081c33e0);box-shadow:0 16px 34px #00000047,inset 0 1px #ffffff17;display:flex;align-items:center;gap:13px}.clock-icon{color:var(--portal-gold-soft);width:42px;height:42px;flex:0 0 42px;display:grid;place-items:center}.clock-icon svg{width:38px;height:38px}.clock-copy{min-width:122px}.clock-copy time,.clock-copy span{display:block;white-space:nowrap}.clock-copy time{font-family:Segoe UI,Arial,sans-serif;font-size:24px;font-weight:700;line-height:1}.clock-copy span{margin-top:6px;color:#d5dde6;font-size:11px;font-weight:600}.release-version{min-height:36px;padding-left:15px;border-left:1px solid rgba(207,220,233,.45);color:var(--portal-gold-soft);display:flex;align-items:center;font-size:11px;font-weight:700;white-space:nowrap}.portal-section{position:relative;z-index:2;width:min(960px,100%);margin-top:76px}.section-heading{display:none}.section-heading h2{margin:0;font-family:Segoe UI,Arial,sans-serif;font-size:20px;font-weight:700}.section-heading>span{min-width:0;color:#c3ced9;font-size:11px;font-weight:700;overflow-wrap:anywhere}.portal-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.portal-card{position:relative;min-width:0;min-height:154px;padding:17px 13px 14px;border:1px solid rgba(206,218,229,.58);border-radius:8px;color:#fff;background:radial-gradient(circle at 50% 0,rgba(86,148,202,.32),transparent 56%),linear-gradient(155deg,#0c3050e0,#071b32d6);box-shadow:0 15px 30px #00000047,inset 0 1px #ffffff1c;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;text-decoration:none;cursor:pointer;overflow:hidden;transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease}button.portal-card{width:100%;font:inherit}.portal-card:after{content:"";position:absolute;inset:auto 42% 11px;height:2px;background:var(--portal-gold);box-shadow:0 0 10px #e8b74499}.portal-card.is-active:hover,.portal-card.is-active:focus-visible{z-index:2;border-color:var(--portal-gold-soft);background:radial-gradient(circle at 50% 0,rgba(232,183,68,.22),transparent 53%),linear-gradient(155deg,#0f3d63f5,#071b32f0);box-shadow:0 18px 34px #00000057,0 0 0 3px #e8b74417;transform:translateY(-2px);outline:0}.portal-card.is-pending{color:#c1cad3;border-color:#b0bfcd57;background:linear-gradient(155deg,#172839b8,#071423bd);cursor:default}.portal-card.is-pending:after{opacity:.3}.portal-icon{width:60px;height:60px;flex:0 0 60px;color:var(--portal-gold-soft);display:grid;place-items:center}.portal-icon svg{width:50px;height:50px}.is-pending .portal-icon{color:#82909d}.portal-card>strong{width:100%;margin-top:10px;overflow:hidden;font-size:16px;font-weight:700;line-height:1.25;white-space:normal;overflow-wrap:anywhere}.portal-state{display:none}.is-pending .portal-state{color:#8e9ba6}.manager-access{position:relative;z-index:2;width:min(700px,100%);margin-top:22px;margin-left:max(0px,calc((min(960px,100%) - min(700px,100%))/2))}.access-title{display:grid;grid-template-columns:minmax(30px,1fr) auto minmax(30px,1fr);align-items:center;gap:13px}.access-title i{height:1px;background:linear-gradient(90deg,transparent,var(--portal-gold))}.access-title i:last-child{transform:scaleX(-1)}.access-title h2{margin:0;color:var(--portal-gold-soft);font-family:Segoe UI,Arial,sans-serif;font-size:17px;font-weight:700;text-transform:uppercase}.access-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;margin-top:12px}.access-button{min-height:68px;padding:10px 18px;border:1px solid var(--portal-gold);border-radius:8px;color:#f7f9fc;background:linear-gradient(150deg,#0b3152f0,#06182de6);box-shadow:inset 0 1px #ffffff12,0 12px 25px #0003;display:flex;align-items:center;justify-content:center;gap:12px;text-decoration:none;transition:background .16s ease,transform .16s ease,box-shadow .16s ease}.access-button svg{width:29px;height:29px;color:var(--portal-gold-soft)}.access-button span{font-size:15px;font-weight:700}.access-button:hover,.access-button:focus-visible{color:#fff;background:linear-gradient(150deg,#124671f7,#071d36f0);box-shadow:0 15px 30px #00000047,0 0 0 3px #e8b74417;transform:translateY(-1px);outline:0}.stage-footer{position:relative;z-index:2;margin-top:auto;padding-top:12px;color:#9aaaba;font-size:10px;font-weight:600;text-align:center}.stage-footer span{margin-inline:8px;color:var(--portal-gold)}.portal-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:none;place-items:center;padding:18px}.portal-modal.show{display:grid}.modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0;background:#020a14c2;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);cursor:default}.modal-dialog{position:relative;z-index:1;width:min(620px,100%);max-height:min(700px,calc(100svh - 36px));padding:21px;border:1px solid rgba(232,183,68,.48);border-radius:8px;background:linear-gradient(155deg,#0c2c4b,#06182d);box-shadow:0 30px 80px #0000007a;overflow-y:auto}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding-bottom:16px;border-bottom:1px solid rgba(171,196,219,.24)}.modal-header span{color:var(--portal-gold-soft);font-size:10px;font-weight:800;text-transform:uppercase}.modal-header h2{margin:4px 0 0;font-family:Segoe UI,Arial,sans-serif;font-size:22px}.modal-close{width:38px;height:38px;flex:0 0 38px;padding:0;border:1px solid rgba(185,204,220,.34);border-radius:7px;color:#e4eaf0;background:#ffffff0a;display:grid;place-items:center;font-size:25px;line-height:1;cursor:pointer}.modal-close:hover,.modal-close:focus-visible{color:var(--portal-gold-soft);border-color:var(--portal-gold);outline:0}.modal-links{display:grid;gap:8px;margin-top:16px}.modal-links a{min-width:0;min-height:60px;padding:11px 13px;border:1px solid rgba(166,191,213,.23);border-radius:7px;color:#f3f6f9;background:#ffffff0a;display:flex;align-items:center;justify-content:space-between;gap:14px;text-decoration:none}.modal-links a:hover,.modal-links a:focus-visible{border-color:var(--portal-gold);background:#ffffff13;outline:0}.modal-links strong,.modal-links small{display:block}.modal-links strong{font-size:13px}.modal-links small{margin-top:3px;color:#aebcca;font-size:11px}.modal-links b{color:var(--portal-gold-soft);font-size:20px}body.modal-open{overflow:hidden}@media (max-width: 1180px){.portal-shell{grid-template-columns:260px minmax(0,1fr)}.school-identity{padding-inline:24px}.identity-mark,.identity-mark img{width:150px;height:150px}.identity-mark{margin-top:34px}.identity-mark img{transform:none}.identity-copy>span{font-size:24px}.identity-copy>strong{font-size:27px}.portal-stage{padding-inline:26px}.welcome-heading h1 span{font-size:35px}.welcome-heading h1 strong{font-size:54px}.portal-card{min-height:116px}}@media (max-width: 980px){.portal-shell{display:block;overflow:visible}.school-identity{min-height:0;padding:15px 22px;border-right:0;border-bottom:1px solid var(--portal-line);flex-direction:row;justify-content:flex-start;text-align:left}.school-identity:before,.school-identity:after{display:none}.identity-mark,.identity-mark img{width:74px;height:74px}.identity-mark{margin-top:0}.identity-copy{width:auto;margin:0 0 0 15px}.identity-copy>span,.identity-copy>strong{display:inline;font-size:19px}.identity-copy>strong{margin-left:5px}.identity-copy i{width:220px;margin:8px 0}.identity-copy p{font-size:11px;line-height:1.35}.identity-copy p br{display:none}.identity-signature{margin:0 0 0 auto}.portal-stage{min-height:calc(100svh - 105px);overflow:visible}.portal-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-height: 820px) and (min-width: 981px){.portal-stage{padding-top:18px;padding-bottom:12px}.portal-section{margin-top:44px}.portal-grid{gap:10px}.portal-card{min-height:124px;padding-block:11px}.portal-icon{width:49px;height:49px;flex-basis:49px}.portal-icon svg{width:41px;height:41px}.portal-card>strong{margin-top:7px;font-size:15px}.manager-access{margin-top:12px}.access-actions{margin-top:7px}.access-button{min-height:53px}.stage-footer{padding-top:7px}}@media (max-width: 760px){.portal-stage{padding:20px 16px 16px}.stage-header{display:grid;gap:17px}.utility-panel{justify-self:start;min-height:68px}.welcome-heading h1 span{font-size:30px}.welcome-heading h1 strong{font-size:45px}.school-name{font-size:17px}.portal-grid{grid-template-columns:minmax(0,1fr)}.portal-card{min-height:126px;content-visibility:auto;contain-intrinsic-size:126px}.access-actions{gap:10px}.identity-signature{display:none}}@media (max-width: 460px){.school-identity{padding:11px 14px}.identity-mark,.identity-mark img{width:58px;height:58px}.identity-copy{margin-left:10px}.identity-copy>span,.identity-copy>strong{font-size:16px}.identity-copy i{width:180px}.identity-copy p{font-size:9px}.welcome-heading>p{font-size:14px}.welcome-heading h1 span{font-size:26px}.welcome-heading h1 strong{font-size:39px}.school-name i{width:34px}.utility-panel{width:100%;padding-inline:10px}.clock-copy{min-width:0;flex:1}.clock-copy time{font-size:21px}.clock-copy span{font-size:9px}.release-version{padding-left:10px;font-size:9px}.section-heading{align-items:flex-start}.section-heading h2{font-size:17px}.section-heading>span{max-width:100px;text-align:right}.portal-card>strong{min-height:30px;font-size:12px;display:grid;place-items:center;white-space:normal;overflow-wrap:anywhere}.access-title h2{font-size:14px}.access-actions{grid-template-columns:minmax(0,1fr)}.access-button{min-height:54px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}