*{box-sizing:border-box}html,body{background:var(--cream);min-height:100%;color:var(--ink);margin:0}body{font-family:var(--font-geist-sans),Arial,sans-serif}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}.login-shell{grid-template-columns:minmax(390px,44%) 1fr;min-height:100dvh;display:grid;overflow:hidden}.story-panel{color:#fff;background:var(--ink);flex-direction:column;min-height:100dvh;padding:clamp(30px,4vw,58px);display:flex;position:relative;overflow:hidden}.story-panel:before{content:"";border:1px solid #ffffff14;border-radius:50%;width:340px;height:340px;position:absolute;top:-170px;right:-110px;box-shadow:0 0 0 56px #ffffff05,0 0 0 112px #ffffff05}.brand{z-index:2;align-items:center;gap:12px;display:flex;position:relative}.brand-mark{background:var(--orange);color:#fff;border-radius:12px 12px 12px 4px;place-items:center;width:41px;height:41px;font-family:Georgia,serif;font-size:22px;font-weight:800;display:grid;transform:rotate(-3deg)}.brand strong,.brand small{letter-spacing:.15em;line-height:1.15;display:block}.brand strong{font-size:12px}.brand small{opacity:.65;margin-top:3px;font-size:8px}.story-copy{z-index:1;margin:auto 0 28px;position:relative}.eyebrow{color:var(--orange);letter-spacing:.23em;margin:0 0 14px;font-size:10px;font-weight:800;line-height:1}.story-copy h1{letter-spacing:-.045em;margin:0;font-family:Georgia,serif;font-size:clamp(45px,5vw,72px);font-weight:500;line-height:.94}.story-copy h1 em{color:#f2a77d;font-weight:400}.intro{color:#b9cbc7;max-width:440px;margin:24px 0 0;font-size:14px;line-height:1.65}.campus-card{z-index:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff12;border:1px solid #ffffff21;border-radius:18px;grid-template-columns:118px 1fr;align-items:center;gap:18px;padding:10px;display:grid;position:relative}.campus-card strong,.campus-card small{display:block}.campus-card strong{font-size:13px}.campus-card small{color:#9eb5af;margin-top:5px;font-size:10px}.live-dot{background:#70d6a5;border-radius:50%;width:6px;height:6px;margin:0 7px 2px 0;display:inline-block;box-shadow:0 0 0 4px #70d6a51f}.campus-visual{background:#f3a170;border-radius:12px;height:72px;position:relative;overflow:hidden}.sun{background:#ffd890;border-radius:50%;width:22px;height:22px;position:absolute;top:10px;right:17px}.cloud{background:#ffe1c7;border-radius:9px;width:30px;height:6px;position:absolute}.cloud-one{top:18px;left:13px}.cloud-two{width:18px;top:32px;right:28px}.building{background:#f5dfbd;position:absolute;bottom:0;box-shadow:inset 0 8px #e87c50}.building-one{width:48px;height:38px;left:25px}.building-two{width:35px;height:27px;right:8px}.tree{background:#397365;border-radius:50% 50% 5px 5px;width:12px;height:28px;position:absolute;bottom:0}.tree-one{left:7px}.tree-two{height:20px;right:43px}.story-footer{color:#86a39d;letter-spacing:.1em;text-transform:uppercase;margin:28px 0 0;font-size:9px}.story-footer span{color:var(--orange);margin:0 10px}.form-panel{background:radial-gradient(circle at 95% 5%,#e8eee5 0,transparent 28%),var(--cream);justify-content:center;align-items:center;min-height:100dvh;padding:32px clamp(28px,7vw,110px);display:flex}.mobile-brand{display:none}.form-wrap{width:min(100%,460px)}.form-wrap header h2{letter-spacing:-.035em;margin:0;font-family:Georgia,serif;font-size:clamp(32px,3.5vw,46px);font-weight:500;line-height:1.05}.form-wrap header>p:last-child{color:var(--muted);margin:10px 0 25px;font-size:13px}.role-picker{background:#eeebe2;border:1px solid #d9ded4;border-radius:13px;grid-template-columns:repeat(3,1fr);gap:5px;padding:5px;display:grid}.role-picker button{color:#73817c;cursor:pointer;background:0 0;border:0;border-radius:9px;justify-content:center;align-items:center;gap:7px;padding:10px 6px;font-size:12px;font-weight:650;transition:all .2s;display:flex}.role-picker button span{color:#9aa49e;font-size:7px}.role-picker button.active{color:var(--ink);background:#fff;box-shadow:0 3px 12px #24413b14}.role-picker button.active span{color:var(--orange)}form{margin-top:22px}form>label,.password-row label{color:#294b47;letter-spacing:.02em;margin-bottom:7px;font-size:11px;font-weight:750;display:block}.password-row{justify-content:space-between;align-items:center;margin-top:15px;display:flex}.password-row label{margin:0}.password-row a,.support a{color:var(--orange);font-size:10px;font-weight:700;text-decoration:none}.input-wrap{background:#fffdf8;border:1px solid #d9ded4;border-radius:11px;align-items:center;gap:11px;height:48px;padding:0 14px;transition:all .2s;display:flex}.input-wrap>span{color:#85938e;min-width:16px;font-size:11px;font-weight:800}.input-wrap input{width:100%;min-width:0;color:var(--ink);background:0 0;border:0;outline:0;font-size:12px}.input-wrap input::placeholder{color:#a7afa9}.reveal{color:#7d8b86;cursor:pointer;background:0 0;border:0;padding:6px;font-size:9px;font-weight:750}.remember{align-items:center;gap:7px;display:flex;color:#687a74!important;margin:13px 0!important;font-weight:500!important}.remember input{width:14px;height:14px;accent-color:var(--ink)}.sign-in{background:var(--ink);color:#fff;cursor:pointer;border:0;border-radius:11px;justify-content:center;align-items:center;gap:10px;width:100%;height:49px;font-size:12px;font-weight:750;transition:all .2s;display:flex;box-shadow:0 10px 22px #173e3b2e}.sign-in:hover{background:#214d49;transform:translateY(-1px)}.sign-in span{color:#f3a27c;font-size:17px}.success{text-align:center;color:#397365;margin:9px 0 0;font-size:10px;font-weight:700}.secure-note{text-align:center;color:#708079;background:#e8eee5;border-radius:9px;margin:17px 0 0;padding:10px;font-size:9px}.secure-note span{color:#2b6758;background:#c4ddd1;border-radius:50%;place-items:center;width:14px;height:14px;margin-right:6px;font-weight:800;display:inline-grid}.support{text-align:center;color:#85908b;margin:14px 0 0;font-size:10px}@media (max-width:720px){html,body{height:100%;overflow:hidden}.login-shell{height:100dvh;min-height:0;display:block}.story-panel{display:none}.form-panel{height:100dvh;min-height:0;padding:max(18px,env(safe-area-inset-top)) 22px max(12px,env(safe-area-inset-bottom));background:radial-gradient(circle at 100% 0,#dfeae1 0,transparent 32%),var(--cream);display:block;overflow:hidden}.mobile-brand{margin-bottom:clamp(18px,4vh,34px);display:flex}.mobile-brand .brand-mark{width:36px;height:36px;font-size:19px}.form-wrap{max-width:440px;margin:auto}.form-wrap header h2{font-size:clamp(28px,8vw,38px)}.form-wrap header>p:last-child{margin:7px 0 clamp(13px,2.5vh,20px)}.eyebrow{margin-bottom:9px}.role-picker button{padding:8px 4px}form{margin-top:clamp(13px,2.5vh,20px)}.input-wrap{height:44px}.password-row{margin-top:11px}.remember{margin:9px 0!important}.sign-in{height:45px}.secure-note{margin-top:11px;padding:8px}.support{margin-top:9px}}@media (max-width:360px),(max-height:690px) and (max-width:720px){.form-panel{padding-top:12px}.mobile-brand{margin-bottom:11px}.form-wrap header>p:last-child{display:none}.role-picker{margin-top:12px}.role-picker button{padding:7px 2px}form{margin-top:12px}.input-wrap{height:41px}.password-row{margin-top:9px}.remember{margin:7px 0!important}.sign-in{height:42px}.secure-note{margin-top:8px}.support{margin-top:7px}}:root{--ink:#102d4f;--cream:#f4f6f8;--orange:#b88a35;--muted:#657386}.login-shell{grid-template-columns:minmax(420px,46%) 1fr}.story-panel{background:linear-gradient(145deg,#0b2848,#153d66);padding:clamp(34px,4vw,62px)}.story-panel:before{width:440px;height:440px;top:-220px;right:-140px;box-shadow:0 0 0 74px #ffffff04,0 0 0 148px #ffffff04}.brand{gap:13px}.brand-mark{width:44px;height:48px;color:var(--ink);background:#f9fbfd;border:1px solid #d7b76f;border-radius:4px 4px 14px 14px;font-size:23px;transform:none;box-shadow:inset 0 -5px #b88a35}.brand small{letter-spacing:.13em;font-size:7px}.story-copy{margin-bottom:32px}.story-copy h1{letter-spacing:-.035em;font-size:clamp(43px,4.7vw,68px);line-height:1}.story-copy h1 em{color:#d8b978}.intro{color:#c0ccda;max-width:460px;font-size:13px;line-height:1.75}.campus-card{background:#ffffff0d;border-radius:12px}.campus-visual{background:#c8d9e8;border-radius:7px}.building{box-shadow:inset 0 8px #b88938}.tree{background:#315d54}.story-footer{color:#9bafc1}.form-panel{background:radial-gradient(circle at 95% 5%,#e6ebf1 0,transparent 30%),var(--cream)}.role-picker{background:#e9edf1;border-color:#d7dde4;border-radius:10px}.role-picker button.active{box-shadow:0 3px 12px #102d4f14}.input-wrap{background:#fff;border-color:#d6dde5;border-radius:8px}.input-wrap:focus-within{border-color:#51739a;box-shadow:0 0 0 3px #102d4f12}.sign-in{border-radius:8px;box-shadow:0 10px 22px #102d4f26}.sign-in:hover{background:#183d65}.sign-in span{color:#d8b978}.secure-note{color:#647386;background:#e8edf2;border-radius:7px}.secure-note span{color:#234f7c;background:#dce5ee}@media (max-width:720px){.login-shell{display:block}.form-panel{background:radial-gradient(circle at 100% 0,#e3e9f0 0,transparent 34%),var(--cream)}.mobile-brand .brand-mark{border-radius:3px 3px 11px 11px;height:40px}}@media (max-width:900px){html,body{width:100%;height:100%;overflow:hidden}.login-shell{width:100%;height:100dvh;min-height:0;display:block;overflow:hidden}.story-panel{display:none}.form-panel{width:100%;height:100dvh;min-height:0;padding:max(18px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));background:radial-gradient(circle at 100% 0,#e3e9f0 0,transparent 36%),var(--cream);flex-direction:column;justify-content:flex-start;align-items:stretch;display:flex;overflow:hidden}.mobile-brand{flex:none;width:min(100%,480px);margin:0 auto clamp(18px,4vh,34px);display:flex}.mobile-brand .brand-mark{border-radius:3px 3px 11px 11px;width:38px;height:42px;font-size:19px}.mobile-brand strong{font-size:11px}.mobile-brand small{font-size:6.5px}.form-wrap{width:min(100%,480px);min-width:0;max-width:100%;margin:auto}.form-wrap header h2{font-size:clamp(30px,7.5vw,40px)}.form-wrap header>p:last-child{margin:8px 0 clamp(14px,2.5vh,20px)}.role-picker{width:100%}.role-picker button{min-width:0;min-height:40px;padding:8px 4px}form{margin-top:clamp(14px,2.5vh,20px)}.input-wrap{width:100%;height:46px}.input-wrap input{font-size:16px}.password-row{margin-top:11px}.remember{margin:9px 0!important}.sign-in{height:46px;min-height:44px}.secure-note{margin-top:11px;padding:8px}.support{margin-top:9px}}@media (max-width:380px){.form-panel{padding-left:16px;padding-right:16px}.mobile-brand{margin-bottom:14px}.form-wrap header h2{font-size:29px}.form-wrap header>p:last-child{font-size:11px}.role-picker button{gap:5px;font-size:11px}}@media (max-width:900px) and (max-height:690px){.form-panel{padding-top:max(10px,env(safe-area-inset-top));padding-bottom:max(8px,env(safe-area-inset-bottom))}.mobile-brand{margin-bottom:10px}.mobile-brand .brand-mark{width:34px;height:36px}.form-wrap{margin:0 auto}.form-wrap header>p:last-child{display:none}.eyebrow{margin-bottom:8px}.role-picker{margin-top:10px}.role-picker button{min-height:36px;padding:6px 2px}form{margin-top:10px}.input-wrap{height:40px}.password-row{margin-top:8px}.remember{margin:6px 0!important}.sign-in{height:41px;min-height:41px}.secure-note{margin-top:7px;padding:7px}.support{margin-top:6px}}@media (max-width:900px) and (orientation:landscape) and (max-height:500px){html,body,.login-shell,.form-panel{overflow:auto}.mobile-brand{display:none}.form-panel{height:auto;min-height:100dvh;padding:14px 24px}.form-wrap{margin:auto}.form-wrap header>p:last-child,.secure-note{display:none}}@media (max-width:600px){.form-panel{isolation:isolate;padding-top:max(22px,env(safe-area-inset-top));background:#edf1f5;position:relative}.form-panel:before{content:"";z-index:-2;background:linear-gradient(135deg,#092846 0%,#16446f 100%);border-radius:0 0 42px 42px;height:205px;position:absolute;inset:0 0 auto;box-shadow:0 12px 35px #102d4f1f}.form-panel:after{content:"";z-index:-1;border:1px solid #ffffff20;border-radius:50%;width:210px;height:210px;position:absolute;top:-96px;right:-112px;box-shadow:0 0 0 34px #ffffff09,0 0 0 68px #ffffff05}.mobile-brand{color:#fff;margin-bottom:clamp(18px,3vh,28px)}.mobile-brand .brand-mark{color:#102d4f;background:#fff;border-color:#e0c47e;box-shadow:inset 0 -5px #b88a35,0 8px 24px #061a2d40}.mobile-brand small{color:#d3deea;opacity:1}.form-wrap{background:#fffffffa;border:1px solid #fff;border-radius:24px;padding:clamp(20px,5vw,28px);position:relative;box-shadow:0 20px 50px #102d4f1c,0 3px 10px #102d4f0d}.form-wrap:before{content:"PORTAL LOGIN";color:#6c7d90;letter-spacing:.2em;background:#eef2f6;border-radius:0 0 8px 8px;padding:7px 12px;font-size:7px;font-weight:800;position:absolute;top:0;right:25px}.form-wrap header .eyebrow{color:#a67625}.form-wrap header h2{color:#102d4f;letter-spacing:-.03em}.role-picker{background:#eef2f5;border-color:#dce3ea;padding:4px}.role-picker button{border-radius:8px}.role-picker button.active{box-shadow:0 4px 12px #102d4f14}.input-wrap{background:#fdfefe;border-color:#d9e0e7;box-shadow:inset 0 1px #fff}.input-wrap:focus-within{background:#fff;border-color:#52779d}.sign-in{background:linear-gradient(135deg,#102d4f,#174b78);box-shadow:0 12px 25px #102d4f33}.sign-in:hover{background:linear-gradient(135deg,#173b62,#1d5789)}.secure-note{background:#f0f4f7;border:1px solid #dde6ee}.support{color:#738296}}@media (max-width:600px) and (max-height:690px){.form-panel:before{border-radius:0 0 30px 30px;height:150px}.form-panel:after{width:160px;height:160px;top:-86px;right:-90px}.form-wrap{border-radius:18px;padding:16px 18px}.form-wrap:before{padding:5px 9px;right:18px}.mobile-brand{margin-bottom:9px}.form-wrap header h2{font-size:27px}}@media (max-width:600px) and (orientation:landscape) and (max-height:500px){.form-panel:before,.form-panel:after{display:none}.form-panel{background:#edf1f5}.form-wrap{border-radius:18px;padding:18px}}