body.login{min-height:100vh;display:flex;align-items:center;justify-content:flex-end;padding:48px 7vw;background:#f5f6f8;overflow-x:hidden}.login-card{position:relative;z-index:3;width:min(420px,40vw);margin:0;padding:38px;border:0;box-shadow:0 24px 70px rgba(23,32,42,.14)}.login-card:before{content:"";display:block;width:42px;height:5px;border-radius:99px;background:linear-gradient(90deg,#08dbe5,#ff9d00);margin-bottom:25px}.login-card h1{font-size:30px;letter-spacing:-.8px}.login-card .muted{line-height:1.55}.login-card .field input{padding:12px}.login-card .btn{padding:13px;margin-top:12px;background:linear-gradient(135deg,#0c97a2,#08c9d5);box-shadow:0 9px 24px rgba(8,169,181,.22)}.login-visual{position:fixed;z-index:1;inset:0 48% 0 0;overflow:hidden;color:#fff;background:radial-gradient(circle at 20% 15%,rgba(0,235,241,.24),transparent 32%),radial-gradient(circle at 80% 80%,rgba(255,157,0,.18),transparent 30%),linear-gradient(145deg,#111827,#071419 68%,#0a2023);display:flex;align-items:center;padding:clamp(35px,6vw,90px)}.login-visual:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(to bottom,black,transparent 90%)}.login-visual-content{position:relative;z-index:2;max-width:610px}.login-logo-wrap{width:min(510px,90%);background:#fff;border-radius:22px;padding:3px 14px;box-shadow:0 22px 50px rgba(0,0,0,.22);margin-bottom:36px}.login-logo-wrap img{display:block;width:100%;height:auto}.login-kicker{font-size:12px;font-weight:850;letter-spacing:.22em;color:#56f2ef;margin:0 0 14px}.login-visual h2{font-size:clamp(34px,4vw,58px);line-height:1.02;letter-spacing:-2px;margin:0 0 20px}.login-copy{max-width:540px;color:#bac7cb;font-size:17px;line-height:1.65}.login-benefits{display:flex;gap:9px;flex-wrap:wrap;margin-top:28px}.login-benefits span{padding:9px 12px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06);border-radius:999px;font-size:12px;color:#e5ffff}.login-product-sign{position:absolute;z-index:2;left:clamp(35px,6vw,90px);bottom:28px;color:#7f999d;font-size:11px;letter-spacing:.06em}.login-product-sign b{color:#21dce2}.login-glow{position:absolute;border-radius:50%;filter:blur(2px)}.login-glow-one{width:260px;height:260px;border:1px solid rgba(0,229,236,.17);right:-90px;top:-70px}.login-glow-two{width:140px;height:140px;border:1px solid rgba(255,157,0,.16);left:45%;bottom:-50px}
@media(max-width:900px){body.login{display:flex;flex-direction:column;justify-content:flex-start;padding:0 18px 35px;background:#f3f5f7;overflow:auto}.login-visual{position:relative;inset:auto;width:calc(100% + 36px);min-height:auto;padding:24px 22px 70px;display:block;order:-1;border-radius:0 0 28px 28px}.login-visual-content{max-width:520px;margin:auto;text-align:center}.login-logo-wrap{width:min(360px,92%);margin:0 auto 18px;border-radius:15px}.login-kicker{margin-bottom:8px}.login-visual h2{font-size:30px;letter-spacing:-1px}.login-copy{font-size:14px;margin:10px auto}.login-benefits{display:none}.login-product-sign{left:0;right:0;bottom:22px;text-align:center}.login-card{width:min(430px,100%);margin:-42px auto 0;padding:28px}.login-card h1{font-size:25px}}
@media(max-height:680px) and (min-width:901px){body.login{padding-top:25px;padding-bottom:25px}.login-logo-wrap{width:400px;margin-bottom:20px}.login-visual h2{font-size:38px}.login-benefits{margin-top:15px}.login-card{padding:28px}}