/* PDSB Portal v1.34.152 · Official sign-in experience */
.auth152-body{
  --a152-navy:#04172d;--a152-navy2:#082d54;--a152-cyan:#24d8f2;--a152-blue:#0e68ff;
  min-height:100vh;background:#eaf4fb;overflow-x:hidden;
}
.auth152-shell{min-height:100vh;display:grid;grid-template-columns:minmax(420px,1.05fr) minmax(440px,.95fr);position:relative;isolation:isolate;background:linear-gradient(90deg,#061a33 0 51%,#edf7fd 51% 100%)}
.auth152-brand{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center;padding:clamp(54px,7vw,112px);color:#fff;background:
  radial-gradient(circle at 68% 18%,rgba(20,155,255,.34),transparent 28%),
  radial-gradient(circle at 85% 72%,rgba(36,216,242,.20),transparent 26%),
  linear-gradient(142deg,#031329 0%,#06254a 54%,#07335c 100%)}
.auth152-brand:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(74,170,225,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(74,170,225,.07) 1px,transparent 1px);background-size:38px 38px;mask-image:linear-gradient(90deg,#000 8%,rgba(0,0,0,.75) 55%,transparent 100%)}
.auth152-brand:after{content:"";position:absolute;width:min(68vw,780px);aspect-ratio:1;border-radius:50%;right:-43%;top:-10%;border:1px solid rgba(74,225,255,.23);box-shadow:0 0 0 58px rgba(34,188,255,.045),0 0 0 116px rgba(34,188,255,.025),0 0 110px rgba(0,169,255,.12)}
.auth152-brand-inner{position:relative;z-index:2;max-width:720px}
.auth152-mark{width:clamp(104px,9vw,148px);height:auto;display:block;filter:drop-shadow(0 24px 40px rgba(0,83,179,.32));margin-bottom:28px}
.auth152-kicker{display:inline-flex;align-items:center;gap:10px;font-size:.72rem;font-weight:850;letter-spacing:.19em;color:#88dff4;text-transform:uppercase}.auth152-kicker:before{content:"";width:28px;height:2px;border-radius:3px;background:linear-gradient(90deg,#1bd8f1,#1684ff)}
.auth152-brand h1{margin:14px 0 12px;max-width:650px;font-size:clamp(3rem,5.2vw,5.8rem);line-height:.94;letter-spacing:-.06em;color:#fff}
.auth152-brand h1 span{background:linear-gradient(90deg,#fff 0 38%,#67e6f7 61%,#1683ff 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.auth152-brand-copy{max-width:590px;margin:0;color:#bfd3e7;font-size:clamp(.98rem,1.25vw,1.12rem);line-height:1.75}
.auth152-feature-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:34px}.auth152-feature{display:inline-flex;align-items:center;gap:9px;padding:9px 12px;border:1px solid rgba(143,213,244,.14);border-radius:12px;background:rgba(4,31,59,.44);backdrop-filter:blur(10px);color:#d5e6f4;font-size:.78rem;font-weight:720}.auth152-feature svg{width:16px;height:16px;fill:none;stroke:#51dff2;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.auth152-company{position:absolute;left:clamp(54px,7vw,112px);bottom:28px;z-index:2;color:#6f93af;font-size:.68rem;letter-spacing:.14em;text-transform:uppercase}
.auth152-access{position:relative;display:grid;place-items:center;padding:clamp(24px,5vw,72px);overflow:hidden;background:radial-gradient(circle at 90% 4%,rgba(36,216,242,.16),transparent 30%),linear-gradient(145deg,#f8fcff 0%,#e9f5fc 58%,#dceff9 100%)}
.auth152-access:before{content:"";position:absolute;width:620px;height:620px;border-radius:50%;left:-370px;bottom:-370px;border:1px solid rgba(34,153,221,.14);box-shadow:0 0 0 54px rgba(57,179,235,.035),0 0 0 108px rgba(57,179,235,.02)}
.auth152-card{position:relative;z-index:2;width:min(540px,100%);padding:clamp(28px,4vw,46px);border-radius:30px;border:1px solid rgba(255,255,255,.85);background:rgba(255,255,255,.90);box-shadow:0 34px 85px rgba(12,54,91,.17),inset 0 1px 0 #fff;backdrop-filter:blur(24px)}
.auth152-card-head{display:flex;align-items:center;gap:18px;margin-bottom:10px}.auth152-card-mark{width:62px;height:62px;object-fit:contain;filter:drop-shadow(0 9px 18px rgba(14,104,255,.16))}.auth152-card-title small{display:block;color:#2d719f;font-size:.69rem;font-weight:850;letter-spacing:.16em;text-transform:uppercase;margin-bottom:5px}.auth152-card-title h2{margin:0;color:#082849;font-size:clamp(1.7rem,3vw,2.15rem);letter-spacing:-.035em}.auth152-intro{margin:12px 0 0;color:#6c7f93;font-size:.92rem;line-height:1.6}
.auth152-tabs{display:flex;gap:5px;margin:24px 0 16px;padding:5px;border-radius:13px;background:#eaf2f8;border:1px solid #dfeaf2}.auth152-tabs .tab{flex:1;border:0;border-radius:9px;padding:10px 12px;background:transparent;color:#708295;font-weight:800;cursor:pointer;transition:.18s ease}.auth152-tabs .tab:hover{color:#123f66}.auth152-tabs .tab.active{color:#0a3158;background:#fff;box-shadow:0 5px 16px rgba(17,57,90,.08)}
.auth152-form{display:grid;gap:15px}.auth152-form label{display:grid;gap:7px;color:#28445f;font-size:.78rem;font-weight:800}.auth152-form label small{font-weight:650;color:#8c9bac}.auth152-form input{width:100%;min-height:50px;border:1px solid #cad9e6;border-radius:13px;padding:12px 14px;background:rgba(255,255,255,.95);color:#0b2946;box-shadow:0 1px 0 rgba(255,255,255,.8),inset 0 1px 2px rgba(9,53,87,.025);transition:.16s ease}.auth152-form input::placeholder{color:#98a9ba}.auth152-form input:focus{outline:none;border-color:#25aee8;box-shadow:0 0 0 4px rgba(36,191,235,.12)}
.auth152-form .btn{min-height:52px;margin-top:2px;border-radius:13px;background:linear-gradient(100deg,#0755e9 0%,#0b79ff 55%,#11cfe9 100%);box-shadow:0 14px 26px rgba(11,113,236,.20);font-size:.92rem}.auth152-form .btn:hover{filter:brightness(1.04);transform:translateY(-1px)}
.auth152-note{margin:0;font-size:.76rem;line-height:1.55;color:#7c8d9e;background:#f3f8fb;border:1px solid #e5edf3;border-radius:12px;padding:11px 12px}
.auth152-security{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:22px;padding-top:18px;border-top:1px solid #e5edf4;color:#7c8d9e;font-size:.73rem}.auth152-security svg{width:16px;height:16px;fill:none;stroke:#198bd7;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.auth152-footer{text-align:center;margin-top:11px;color:#9aa8b5;font-size:.67rem}
.auth152-card #auth-message .alert{margin:12px 0 4px;border-radius:12px}
@media(max-width:900px){.auth152-shell{grid-template-columns:1fr;background:#eaf4fb}.auth152-brand{min-height:310px;padding:46px 28px 76px;justify-content:flex-end}.auth152-brand h1{font-size:clamp(2.7rem,10vw,4.4rem);max-width:560px}.auth152-brand-copy{max-width:620px}.auth152-feature-row{display:none}.auth152-company{left:28px;bottom:22px}.auth152-access{padding:24px 14px 38px;margin-top:-32px;background:linear-gradient(180deg,transparent 0,#e8f5fb 58px,#e8f5fb 100%)}.auth152-card{width:min(570px,100%);border-radius:24px}}
@media(max-width:520px){.auth152-brand{min-height:250px;padding:30px 20px 58px}.auth152-mark{width:82px;margin-bottom:16px}.auth152-brand h1{font-size:2.7rem;margin-top:10px}.auth152-brand-copy{font-size:.88rem;line-height:1.6}.auth152-company{left:20px;bottom:15px;font-size:.59rem}.auth152-access{padding:14px 10px 28px;margin-top:-24px}.auth152-card{padding:25px 19px;border-radius:21px}.auth152-card-mark{width:50px;height:50px}.auth152-card-head{gap:13px}.auth152-card-title h2{font-size:1.65rem}.auth152-tabs{margin-top:20px}.auth152-form input{min-height:48px}}
@media(prefers-reduced-motion:reduce){.auth152-tabs .tab,.auth152-form input,.auth152-form .btn{transition:none!important}}
