*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,Arial,sans-serif;color:#0b2347}body{min-height:100vh;display:grid;place-items:center;padding:36px 16px;background:linear-gradient(120deg,rgba(4,36,79,.75),rgba(32,116,200,.28)),linear-gradient(155deg,#8ec6f0 0%,#dceefa 44%,#7da8c7 100%);position:relative;overflow-x:hidden}.background{position:fixed;inset:0;pointer-events:none;overflow:hidden}.background:before,.background:after{content:"";position:absolute;bottom:0;background:repeating-linear-gradient(90deg,transparent 0 55px,rgba(4,37,80,.28) 56px 61px,transparent 62px 92px),repeating-linear-gradient(0deg,rgba(10,48,90,.15) 0 12px,transparent 13px 48px),linear-gradient(0deg,rgba(4,30,67,.5),rgba(28,89,145,.16));clip-path:polygon(0 26%,12% 26%,12% 5%,38% 5%,38% 35%,55% 35%,55% 0,82% 0,82% 28%,100% 28%,100% 100%,0 100%)}.background:before{left:-7%;width:45%;height:66%;opacity:.65}.background:after{right:-6%;width:45%;height:85%;opacity:.55}.buildings:before,.buildings:after{content:"";position:absolute;width:2px;height:85%;background:rgba(7,47,91,.45);top:5%}.buildings:before{left:17%;transform:rotate(7deg)}.buildings:after{right:17%;transform:rotate(-7deg)}.login-card{position:relative;width:min(100%,490px);padding:30px 44px 24px;border-radius:24px;background:rgba(255,255,255,.97);box-shadow:0 24px 75px rgba(0,26,65,.3);text-align:center}.brand img{display:block;margin:0 auto 0}.brand h1{margin:-5px 0 -3px;font-size:40px;letter-spacing:2px;line-height:1.15}.brand-sub{font-size:19px;font-weight:800;letter-spacing:.6px}.brand-sub span{color:#0877ef}.tagline{font-size:11px;color:#72839d;font-weight:700;letter-spacing:2px;margin-top:8px}.rule{width:44px;height:3px;border-radius:9px;background:#0877ef;margin:23px auto 20px}h2{font-size:27px;margin:0 0 6px}.intro{color:#657790;font-size:14px;margin:0 0 26px;line-height:1.5}form{text-align:left}label{display:block;font-size:13px;font-weight:700;margin:13px 0 7px}.input-wrap{display:flex;align-items:center;gap:12px;background:#f3f7fd;border:1px solid #c4d9f8;border-radius:11px;padding:0 13px;height:52px}.input-wrap:focus-within{border-color:#0877ef;box-shadow:0 0 0 3px rgba(8,119,239,.12)}.input-wrap>span{font-size:22px;color:#17385c}.input-wrap input{width:100%;min-width:0;outline:none;border:0;background:transparent;font-size:15px;color:#102e53}.eye{border:0;background:none;color:#2362a0;cursor:pointer;font-weight:700;padding:6px}.sign-in{width:100%;border:0;border-radius:10px;background:#0877ef;color:#fff;font-size:17px;font-weight:700;padding:16px;margin-top:22px;cursor:pointer;box-shadow:0 5px 12px rgba(8,119,239,.2)}.sign-in:hover{background:#065fbe}.alert{padding:12px;background:#fff1f2;color:#b42318;border:1px solid #fecdd3;border-radius:9px;font-size:13px;text-align:left}.features{border-top:1px solid #e4eaf3;margin-top:28px;padding-top:22px;display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.features>div{font-size:11px;font-weight:700;line-height:1.35}.features b{display:grid;place-items:center;width:45px;height:45px;margin:0 auto 9px;border-radius:50%;background:#e1efff;color:#0877ef;font-size:22px}.features>div:nth-child(2) b{background:#e1f8ea;color:#0e9f64}.features>div:nth-child(3) b{background:#fff0df;color:#ef7a16}.features>div:nth-child(4) b{background:#efe9ff;color:#7546e6}footer{color:#8491a4;font-size:11px;margin-top:23px}@media(max-width:480px){.login-card{padding:24px 20px}.brand h1{font-size:35px}.brand-sub{font-size:17px}.features{gap:3px}.features b{width:38px;height:38px}}