@tailwind base;@tailwind components;@tailwind utilities;:root{--ink:#101a3f;--muted:#5c6377;--blue:#176eea;--deep-blue:#061f60;--violet:#2f16cc;--border:#d9d9e3;--soft-violet:#f2efff;--gold:#e6a23a;--panel:#fff}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{min-height:100vh;color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background:#eff4fb;font-family:Aptos,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}button,input{font:inherit}button:disabled,input:disabled{cursor:not-allowed;opacity:.72}.login-page{grid-template-columns:minmax(320px,32%) 1fr;min-height:100vh;display:grid;overflow:hidden}.brand-panel{background:linear-gradient(#dbeaff 0%,#eff8ff 47%,#e7f3ff 100%);min-height:100vh;position:relative;overflow:hidden}.campus-art{object-fit:cover;object-position:center bottom;width:100%;height:56%;position:absolute;inset:auto 0 0}.sky-shape{pointer-events:none;background:linear-gradient(135deg,#0755c6 0%,#357df1 100%);position:absolute}.top-shape{border-bottom-right-radius:58% 70%;width:92%;height:27%;top:-6%;left:-26%;transform:rotate(-8deg)}.bottom-shape{z-index:2;border-top-left-radius:70% 80%;width:85%;height:17%;bottom:-5%;right:-26%}.dot-grid{opacity:.72;background-image:radial-gradient(#ffffffbd 1.5px,#0000 1.5px);background-size:16px 16px;width:84px;height:84px;position:absolute;top:54px;left:28px}.brand-content{z-index:3;text-align:center;flex-direction:column;align-items:center;min-height:56vh;padding:5.8vh 4.2vw 0;display:flex;position:relative}.school-logo{object-fit:contain;object-position:center center;border-radius:20px;width:min(250px,78%);height:auto;margin:0 auto 14px;display:block}h1{color:#082360;letter-spacing:0;margin:0;font-size:clamp(21px,1.65vw,30px);font-weight:850;line-height:1}.school-lockup{color:#082360;width:min(380px,100%)}.school-location,.school-icon-row{justify-content:center;align-items:center;gap:14px;display:flex}.school-location{margin-top:10px}.school-location span{background:linear-gradient(90deg,#0000,#2b70f0);width:42px;height:2px}.school-location span:last-child{background:linear-gradient(90deg,#2b70f0,#0000)}.school-location strong{letter-spacing:6px;font-size:clamp(9px,.75vw,13px);font-weight:800}.school-icon-row{gap:18px;margin-top:22px}.school-icon-row span{background:linear-gradient(90deg,#0000,#c5d2e7);flex:1;height:1px}.school-icon-row span:last-child{background:linear-gradient(90deg,#c5d2e7,#0000)}.cap-icon{color:#176eea;stroke-width:1.8px;width:34px;height:34px}.portal-welcome{color:#09285f;margin:14px 0 0;font-size:clamp(18px,1.4vw,25px);font-weight:800;line-height:1.15}.gold-divider{background:var(--gold);width:94px;height:3px;margin:18px auto 16px;position:relative}.gold-divider:after{content:"";background:var(--gold);border-radius:50%;width:10px;height:10px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.tagline{color:#2b2f3e;margin:0 0 34px;font-size:20px}.form-panel{background:radial-gradient(circle at 72% 8%,#b9d5ff80,#0000 30%),linear-gradient(135deg,#f8fbff 0%,#edf4ff 100%);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:28px 3vw;display:flex}.login-card{background:#fffffff5;border:1px solid #ffffffeb;border-radius:22px;width:min(1040px,100%);box-shadow:0 24px 55px #23366026}.form-inner{width:100%;padding:9.5vh 68px 48px}.field-group>span{color:#11142b;margin:0 0 14px;font-size:25px;font-weight:700;display:block}.section-title{color:#66708a;justify-content:center;align-items:center;gap:14px;margin-bottom:32px;font-size:21px;font-weight:400;display:flex}.section-title p{margin:0}.section-title span{background:linear-gradient(90deg,#0000,#2b70f0);width:40px;height:2px}.section-title span:last-child{background:linear-gradient(90deg,#2b70f0,#0000)}.required-marker{color:#b42318;font-weight:800}svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:34px;height:34px}.field-group{margin-bottom:24px;display:block}.role-dropdown{position:relative}.input-wrap,.select-box{border:2px solid var(--border);width:100%;min-height:84px;color:var(--violet);background:#fff;border-radius:9px;align-items:center;gap:20px;padding:0 26px;display:flex}.input-wrap input{color:#202437;border:0;outline:0;width:100%;min-width:0;font-size:24px}.input-wrap input::placeholder{color:#5f6475}.select-box{cursor:pointer;justify-content:space-between;position:relative}.select-box.open{border-color:#8d7df0;box-shadow:0 0 0 3px #2f16cc1a}.select-label{color:var(--violet);align-items:center;gap:20px;display:flex}#selectedRole{color:#5f6475;font-size:24px;font-weight:400}.chevron{color:#0e1221;pointer-events:none;width:24px;height:24px}.select-box.open .chevron{transform:rotate(180deg)}.role-menu{z-index:20;background:#fff;border:2px solid #cfcfe0;border-radius:9px;width:100%;margin-top:10px;position:absolute;top:calc(100% - 10px);left:0;overflow:hidden;box-shadow:0 18px 34px #1e2b5624}.role-menu-option{color:#10172f;text-align:left;cursor:pointer;background:#fff;border:0;border-bottom:1px solid #ececf4;width:100%;min-height:62px;padding:0 26px;font-size:24px;font-weight:500;display:block}.role-menu-option:last-child{border-bottom:0}.role-menu-option:hover,.role-menu-option.selected{color:var(--violet);background:var(--soft-violet)}.forgot-link{color:#16059d;white-space:nowrap;font-weight:600;text-decoration:none}.forgot-link:hover{text-decoration:underline}.form-message{color:#b42318;margin:-8px 0 20px;font-size:20px;font-weight:600}.sign-in{color:#fff;cursor:pointer;background:linear-gradient(#4722f2 0%,#250dc1 100%);border:0;border-radius:9px;justify-content:center;align-items:center;gap:16px;width:100%;min-height:84px;font-size:28px;font-weight:700;display:flex;box-shadow:0 12px 18px #2e14b840}.loader{border:3px solid #ffffff6b;border-top-color:#fff;border-radius:50%;width:30px;height:30px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.or-row{color:#44495b;align-items:center;gap:18px;margin:22px 4px 14px;font-size:22px;display:flex}.or-row:before,.or-row:after{content:"";background:#d9d9df;flex:1;height:1px}.administrator{text-align:center;color:#242838;margin:0;font-size:22px}.administrator strong{color:#16059d}.footer{color:#5b6170;flex-wrap:wrap;justify-content:center;gap:28px;width:min(900px,100%);margin-top:24px;font-size:18px;display:flex}.footer-link{color:#20109e}@media (max-width:980px){.login-page{grid-template-columns:1fr}.brand-panel{min-height:620px}.brand-content{padding:56px 26px 0}.form-panel{min-height:auto;padding:28px 18px}.form-inner{padding:44px 28px 28px}}@media (max-width:620px){.brand-panel{min-height:560px}.campus-art{height:48%}.school-logo{width:min(230px,82%);margin-bottom:6px}.tagline{margin-bottom:34px;font-size:20px}.input-wrap,.select-box,.sign-in{min-height:62px}.footer{gap:16px;font-size:14px}}