.login-page{--login-accent:#009fba;--login-dark:#123f49;color:#172231;background:#fff;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:100dvh;display:grid}.login-visual{background:#f2f7f5 url(/login-property-hero.png) bottom/cover no-repeat;min-height:100dvh;position:relative;overflow:hidden}.login-visual:before{content:"";background:linear-gradient(#f6faf8fa 0%,#f6faf8f0 25%,#f6faf89e 48%,#f6faf80d 72%);position:absolute;inset:0}.login-visual:after{content:"";aspect-ratio:1;border:1px solid #009fba2b;border-radius:50%;width:52%;position:absolute;top:37%;right:-11%;box-shadow:0 0 0 22px #009fba0a,0 0 0 44px #009fba09,0 0 0 66px #009fba06}.login-visual-content{z-index:2;width:min(510px,100% - 80px);margin:clamp(120px,20vh,210px) auto 0;position:relative}.login-brand{align-items:center;gap:18px;display:flex}.login-brand img{object-fit:contain;filter:drop-shadow(0 8px 16px #007e971f);width:83px;height:83px}.login-brand div{display:grid}.login-brand strong{color:#133f46;letter-spacing:-.03em;font-family:Georgia,Times New Roman,serif;font-size:45px;font-weight:700;line-height:1}.login-brand span{color:#5b6878;letter-spacing:.08em;margin-top:8px;font-size:17px;font-weight:700}.login-visual h1{color:#123f46;letter-spacing:-.018em;margin-top:58px;font-family:Georgia,Times New Roman,serif;font-size:36px;font-weight:700;line-height:1.22}.login-visual-content>p{color:#627084;margin-top:20px;font-size:18px;font-weight:500;line-height:1.55}.login-property-credit{z-index:2;color:#fff;text-shadow:0 2px 9px #09181ea6;display:grid;position:absolute;bottom:12%;left:14%}.login-property-credit strong{font-size:21px;font-weight:800;line-height:1}.login-property-credit span{margin-top:3px;font-size:11px;font-weight:600}.login-panel{background:#fffffffa;justify-content:center;align-items:center;min-height:100dvh;padding:64px clamp(46px,8vw,128px) 105px;display:flex;position:relative}.login-form-wrap{width:min(100%,504px);transform:translateY(-7px)}.login-form-wrap>header{text-align:center}.login-form-wrap h2{letter-spacing:-.025em;color:#10161d;font-size:29px;font-weight:750;line-height:1.2}.login-form-wrap header p{color:#66758a;margin-top:10px;font-size:15px}.login-form-wrap form{margin-top:53px}.login-field{margin-top:31px;display:block}.login-field:first-child{margin-top:0}.login-field>span{color:#526176;margin-bottom:12px;font-size:13px;font-weight:700;display:block}.login-field>div{position:relative}.login-field>div>svg{z-index:2;color:#6b7889;width:18px;height:18px;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.login-field input{color:#182638;background:#fff;border:1px solid #cfd8e1;border-radius:7px;outline:none;width:100%;height:50px;padding:0 48px 0 45px;font-size:14px;transition:border-color .15s,box-shadow .15s}.login-field input::placeholder{color:#8a96a7}.login-field input:focus{border-color:var(--login-accent);box-shadow:0 0 0 3px #009fba1c}.login-field button{color:#657287;justify-content:center;align-items:center;width:48px;height:50px;display:flex;position:absolute;top:0;right:0}.login-field button svg{width:18px}.login-forgot{justify-content:flex-end;margin-top:17px;display:flex}.login-forgot a,.login-contact a{color:#008ca5;font-size:13px;font-weight:700}.login-forgot a:hover,.login-contact a:hover{text-decoration:underline}.login-captcha{justify-content:center;margin-top:18px;display:flex}.login-error{color:#b4232b;background:#fff1f2;border:1px solid #fecaca;border-radius:7px;margin-top:16px;padding:10px 12px;font-size:12px}.login-submit{color:#fff;background:linear-gradient(135deg,#007e97,#009fba);border-radius:7px;justify-content:center;align-items:center;gap:10px;width:100%;height:50px;margin-top:30px;font-size:15px;font-weight:700;transition:filter .15s,transform .12s;display:flex;box-shadow:0 7px 18px #0089a12e}.login-submit:hover:not(:disabled){filter:brightness(.96)}.login-submit:active:not(:disabled){transform:scale(.99)}.login-submit:disabled{cursor:not-allowed;opacity:.55}.login-submit svg{width:18px}.login-spinner{animation:.8s linear infinite login-spin}.login-divider{color:#7b8798;align-items:center;gap:16px;margin:46px 0 31px;font-size:12px;display:flex}.login-divider:before,.login-divider:after{content:"";background:#d9e0e6;flex:1;height:1px}.login-divider span{white-space:nowrap}.login-google{color:#192433;background:#fff;border:1px solid #cfd8e1;border-radius:7px;justify-content:center;align-items:center;gap:12px;width:100%;height:50px;font-size:15px;font-weight:700;transition:background .15s,border-color .15s;display:flex}.login-google:hover{background:#f9fbfc;border-color:#acbac6}.google-mark{background:conic-gradient(from -45deg,#4285f4 0 25%,#34a853 0 43%,#fbbc05 0 68%,#ea4335 0);color:#0000;-webkit-background-clip:text;background-clip:text;font-family:Arial,sans-serif;font-size:20px;font-weight:800}.login-contact{text-align:center;color:#69768a;margin-top:39px;font-size:13px}.login-contact a{margin-left:8px}.login-panel>footer{text-align:center;color:#98a3b2;width:100%;font-size:12px;position:absolute;bottom:36px;left:0}@keyframes login-spin{to{transform:rotate(360deg)}}@media (max-width:1000px){.login-page{grid-template-columns:minmax(320px,.75fr) minmax(0,1.25fr)}.login-visual-content{width:calc(100% - 48px)}.login-brand img{width:65px;height:65px}.login-brand strong{font-size:36px}.login-brand span{font-size:13px}.login-visual h1{margin-top:45px;font-size:29px}.login-visual-content>p{font-size:15px}.login-panel{padding-inline:clamp(30px,6vw,70px)}}@media (min-width:761px) and (max-height:860px){.login-page,.login-visual,.login-panel{height:100dvh;min-height:0}.login-page{overflow:hidden}.login-visual-content{margin-top:clamp(58px,10vh,90px)}.login-brand img{width:66px;height:66px}.login-brand strong{font-size:36px}.login-brand span{margin-top:5px;font-size:13px}.login-visual h1{margin-top:34px;font-size:29px}.login-visual-content>p{margin-top:14px;font-size:15px}.login-property-credit{bottom:7%}.login-panel{padding-top:28px;padding-bottom:58px}.login-form-wrap{max-width:470px;transform:none}.login-form-wrap h2{font-size:25px}.login-form-wrap header p{margin-top:7px;font-size:13px}.login-form-wrap form{margin-top:27px}.login-field{margin-top:20px}.login-field>span{margin-bottom:7px;font-size:12px}.login-field input,.login-field button,.login-submit,.login-google{height:44px}.login-forgot{margin-top:10px}.login-forgot a,.login-contact a{font-size:12px}.login-captcha{transform-origin:50%;margin-top:10px;transform:scale(.9)}.login-error{margin-top:10px;padding-block:7px}.login-submit{margin-top:18px;font-size:14px}.login-divider{margin:24px 0 18px}.login-google{font-size:14px}.login-contact{margin-top:22px;font-size:12px}.login-panel>footer{font-size:10px;bottom:17px}}@media (min-width:761px) and (max-height:700px){.login-visual-content{margin-top:42px}.login-brand img{width:56px;height:56px}.login-brand strong{font-size:31px}.login-brand span{font-size:11px}.login-visual h1{margin-top:24px;font-size:25px}.login-visual-content>p{font-size:13px}.login-form-wrap h2{font-size:22px}.login-form-wrap form{margin-top:18px}.login-field{margin-top:14px}.login-field input,.login-field button,.login-submit,.login-google{height:40px}.login-submit{margin-top:12px}.login-divider{margin:16px 0 12px}.login-contact{margin-top:14px}.login-panel>footer{bottom:9px}}@media (max-width:760px){.login-page{background:linear-gradient(#eef7f5,#fff 40%);min-height:100dvh;display:block}.login-visual{background-position:50% 68%;background-size:cover;min-height:225px}.login-visual:before{background:linear-gradient(#f4faf8f0,#f4faf8bf 65%,#f4faf833)}.login-visual:after,.login-property-credit{display:none}.login-visual-content{text-align:center;width:calc(100% - 40px);margin:0 auto;padding-top:30px}.login-brand{justify-content:center;gap:12px}.login-brand img{width:54px;height:54px}.login-brand strong{font-size:30px}.login-brand span{margin-top:4px;font-size:11px}.login-visual h1{margin-top:22px;font-size:24px}.login-visual-content>p{display:none}.login-panel{border-radius:24px 24px 0 0;align-items:flex-start;min-height:calc(100dvh - 225px);margin-top:-20px;padding:35px 20px 72px}.login-form-wrap{width:min(100%,480px);transform:none}.login-form-wrap h2{font-size:25px}.login-form-wrap header p{font-size:13px}.login-form-wrap form{margin-top:35px}.login-field{margin-top:24px}.login-field input,.login-submit,.login-google{height:48px}.login-divider{margin:32px 0 24px}.login-contact{margin-top:29px}.login-panel>footer{font-size:10px;bottom:22px}}@media (max-width:390px){.login-visual{min-height:205px}.login-panel{min-height:calc(100dvh - 205px);padding-inline:16px}.login-visual h1{font-size:21px}.login-form-wrap h2{font-size:23px}}