body{margin:0;background:#050d16!important;color:#eaf2f8;font-family:Arial,sans-serif}.ul-film{position:fixed;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.ul-shell{position:relative;min-height:100dvh;padding:6vh 20px;display:flex;align-items:center;justify-content:center;box-sizing:border-box;background:transparent!important}.ul-card{box-sizing:border-box;width:min(720px,100%);max-width:720px;min-height:84vh;padding:60px 52px 48px;background:linear-gradient(140deg,#14202b9c,#071621b3)!important;border:1px solid #b7d4e339;border-radius:28px;backdrop-filter:blur(16px);box-shadow:0 24px 70px #0005;color:#eaf2f8}.ul-brand{height:108px;margin:0 auto 28px;justify-content:center;background:url('/assets/PNG.png') center -66px/240px 240px no-repeat;filter:brightness(0) invert(1)}.ul-brand>*{visibility:hidden}.ul-heading{text-align:center;margin:0 0 42px}.ul-heading h1{font-size:36px;line-height:1.15;letter-spacing:-1.2px;color:#eaf2f8;margin:0 0 16px}.ul-heading p{font-size:13px;color:#b9cfdd;line-height:1.6;margin:0}.ul-form{display:grid;gap:28px}.ul-field{display:grid;gap:12px}.ul-field>span{padding-left:14px;font-size:12px;color:#cadce7;text-align:left}.ul-field input{box-sizing:border-box;width:100%;height:60px;border:1px solid #bdd7e43b;border-radius:12px;background:#08172299;color:#edf7ff;text-align:center;font:15px Arial,sans-serif;outline-offset:3px}.ul-field input::placeholder{color:#b0c4d2}.ul-field input:focus{border-color:#a7d3eb;outline:2px solid #a7d3eb44}.ul-submit{height:60px;margin-top:8px;border:0;border-radius:32px;background:linear-gradient(100deg,#deeff8,#adcfe1)!important;color:#1d3a4b;font-size:14px;font-weight:600;cursor:pointer}.ul-role-note{margin-top:36px;padding-top:24px;border-top:1px solid #bad7e52b;text-align:center;font-size:11px;color:#b4cad8;display:block;line-height:1.8}.ul-error{background:#3a1525;color:#ffd6df;border:1px solid #ee789655;border-radius:10px;padding:14px;margin-bottom:20px}@media(max-width:600px){.ul-shell{padding:20px 14px}.ul-card{min-height:calc(100dvh - 40px);padding:34px 24px}.ul-heading h1{font-size:30px}}@media(prefers-reduced-motion:reduce){.ul-film{display:none}}
/* Balanced vertical composition; logo top inset unchanged. */
.ul-card{display:flex;flex-direction:column}
.ul-brand{flex:0 0 108px;width:100%;margin:0 auto}
.ul-heading{flex:0 0 auto;margin:clamp(38px,6vh,76px) 0 clamp(32px,4vh,52px)}
.ul-form{flex:0 0 auto;gap:32px}
.ul-submit{margin-top:16px}
.ul-role-note{margin-top:auto;padding-top:28px;flex:0 0 auto}
.ul-form+.ul-role-note{margin-top:clamp(44px,8vh,100px)}
.ul-card .ul-role-note:last-child{margin-top:auto}
.ul-form{margin-bottom:48px}
@media(max-width:600px){.ul-heading{margin:36px 0 30px}.ul-form{gap:26px;margin-bottom:40px}.ul-submit{margin-top:10px}}
@media(max-height:760px){.ul-card{min-height:720px}.ul-heading{margin:30px 0}.ul-form{gap:24px;margin-bottom:36px}}

/* Trim unused lower space; retain logo inset and card width. */
.ul-shell{align-items:flex-start}
.ul-card{min-height:0!important;height:auto!important}
.ul-card .ul-form{margin-bottom:32px}
.ul-card .ul-role-note:last-child{margin-top:0;padding-top:24px}

/* Centered transparent login glass v4 */
.ul-shell{min-height:100dvh;align-items:center;justify-content:center;padding:32px 20px}
.ul-card{min-height:0!important;height:auto!important;background:linear-gradient(140deg,rgba(20,32,43,.25),rgba(7,22,33,.38))!important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-color:rgba(183,212,227,.24);box-shadow:0 20px 60px #0003}
@media(max-width:600px){.ul-shell{padding:20px 14px}}