body.login-body{height:100vh;min-height:100vh;margin:0;overflow:hidden;background-color:#062a4d;background-image:url('latar-belakang-web.png');background-position:center center;background-size:contain;background-attachment:fixed;background-repeat:no-repeat;color:#13304a}body.login-body::before{content:'';position:fixed;inset:0;background:linear-gradient(90deg,rgba(1,23,49,.05) 0%,rgba(2,24,52,0) 43%,rgba(0,20,47,.18) 100%);pointer-events:none}.login-screen{position:relative;z-index:1;height:100dvh;min-height:100vh;width:min(1280px,100%);margin:auto;padding:20px 7%;display:flex;align-items:center;justify-content:flex-end}.login-card{position:relative;width:min(430px,100%);padding:0;overflow:hidden;border:1px solid rgba(255,255,255,.65);border-radius:24px;background:rgba(255,255,255,.91);box-shadow:0 24px 70px rgba(0,13,38,.38);backdrop-filter:blur(16px)}.login-card-glow{position:absolute;width:250px;height:250px;top:-175px;right:-95px;border-radius:50%;background:radial-gradient(circle,#52d5ff 0%,rgba(82,213,255,0) 68%);opacity:.75}.login-card-content{position:relative;padding:30px 42px 31px}.login-card h1{margin:0 0 12px;text-align:center;color:#123554;font-family:'DM Sans',sans-serif;font-size:30px;letter-spacing:-.8px}.login-brand-logo{display:block;width:min(280px,100%);height:auto;max-height:262px;object-fit:contain;margin:0 auto 14px}.login-form{padding:0;background:transparent;border:0;border-radius:0;box-shadow:none}.login-form label{display:block;margin:14px 0 6px;color:#274866;font-size:13px;font-weight:700}.login-form input{width:100%;margin:0;padding:11px 14px;border:1px solid #cad8e5;border-radius:10px;background:#fff;color:#17354f;font:inherit;transition:border-color .2s,box-shadow .2s}.login-form input:focus{outline:0;border-color:#168bd2;box-shadow:0 0 0 4px rgba(22,139,210,.14)}.login-form input::placeholder{color:#9daebb}.login-button{display:flex;align-items:center;justify-content:center;gap:11px;width:100%;margin-top:21px;padding:12px 18px;border:0;border-radius:10px;background:linear-gradient(100deg,#087cc0,#1764bd);box-shadow:0 9px 18px rgba(10,100,183,.27);color:#fff;font:700 15px 'DM Sans',sans-serif;cursor:pointer;transition:transform .2s,box-shadow .2s}.login-button span{font-size:19px;line-height:12px}.login-button:hover{transform:translateY(-2px);box-shadow:0 12px 23px rgba(10,100,183,.36)}.login-form .error{margin:0 0 7px;border-radius:9px;font-size:13px}@media(max-width:700px){body.login-body{height:auto;min-height:100vh;overflow:auto;background-position:center top;background-size:contain;background-attachment:scroll}.login-screen{height:auto;min-height:100vh;padding:25px 20px;justify-content:center}.login-card{border-radius:20px}.login-card-content{padding:27px 27px 29px}.login-card h1{font-size:28px}.login-brand-logo{width:min(232px,100%);max-height:218px}}