.auth{position:relative;isolation:isolate;min-height:100svh;background:radial-gradient(ellipse at 10% 20%,#214981 0,transparent 50%),radial-gradient(ellipse at 90% 85%,#52317a 0,transparent 48%),#0c1835;grid-template-columns:1.05fr 1fr;overflow:hidden}.auth:before,.auth:after{content:"";position:absolute;z-index:-1;pointer-events:none;border-radius:50%;border:1px solid #ffffff0c;width:650px;height:650px;left:-220px;top:-210px;box-shadow:0 0 0 70px #ffffff02,0 0 0 140px #ffffff02}.auth:after{left:auto;top:auto;right:-440px;bottom:-300px;width:850px;height:850px;border-color:#e8c66d18}.authbrand{background:transparent;padding:48px 36px;min-height:0;text-align:center;perspective:1000px}.authbrand>div{position:relative;max-width:480px;width:100%}.authbrand img{display:block;margin:0 auto 32px;width:180px;height:180px;object-fit:contain;border-radius:38px;border:1px solid #ffffff45;box-shadow:0 12px 0 #07132b,0 16px 0 #ffffff12,0 30px 60px #0008,0 0 70px #5a68dc38;transform:rotateY(-8deg) rotateX(7deg);animation:promood-logo-enter .9s ease-out both}.auth-eyebrow{display:block;color:#e8cd8a;font-size:10px;letter-spacing:.18em;font-weight:800}.authbrand h2{color:#fff;letter-spacing:-.04em;font-size:42px;margin:14px 0 12px;font-weight:700;text-shadow:0 3px 0 #0002}.authbrand h2 strong{color:#f2cf79;font-weight:700}.authbrand p{color:#dce5f6;font-size:16px;line-height:1.6;max-width:310px;margin:auto}.authbox{position:relative;padding:48px 32px;background:transparent}.authbox .card{position:relative;width:min(440px,100%);padding:34px;border:1px solid #ffffffb3;border-radius:28px;background:linear-gradient(145deg,#fff,#f3f6fc);box-shadow:0 10px 0 #08173166,0 30px 70px #0004,inset 0 1px 0 #fff;overflow:hidden}.authbox .card:before{content:"";position:absolute;top:0;left:30px;right:30px;height:3px;background:linear-gradient(90deg,transparent,#d7b761,transparent)}.auth-welcome{font-size:10px;color:#886c24;letter-spacing:.12em;font-weight:800;display:block;margin-bottom:12px}.authbox .card h1{font-size:30px;line-height:1.15;letter-spacing:-.045em;color:#142947;margin:0 0 12px;max-width:320px}.authbox .card>p{font-size:13px;line-height:1.6;color:#52637a;margin:0 0 24px}.authbox label{font-size:12px;color:#293d59;margin:17px 0;gap:8px}.authbox input:not([type=checkbox]){min-height:50px;background:#fff;border:1px solid #d5dfec;border-radius:13px;color:#192e4d;font-size:16px;font-weight:500;box-shadow:inset 0 2px 4px #17335b04;transition:border-color .2s,box-shadow .2s}.authbox input:focus{outline:none;border-color:#a78b41;box-shadow:0 0 0 3px #d6b75d25}.authbox .remember-email{background:transparent;border:0;padding:4px 0;gap:10px}.authbox .remember-email input{accent-color:#9d7a24;width:19px;height:19px}.authbox .remember-email b{font-size:12px;font-weight:600}.authbox .remember-email small{font-size:10px;line-height:1.4;color:#697a90}.authbox .primary{min-height:52px;margin-top:8px;border-radius:14px;background:linear-gradient(120deg,#ffe3a0,#e4bf62 60%,#d5a641);color:#302609;border:1px solid #e1c16d;box-shadow:0 5px 0 #b08a34,0 10px 18px #ac873b24,inset 0 1px 0 #fff8;font-size:15px;transition:transform .15s,box-shadow .15s}.authbox .primary:active{transform:translateY(3px);box-shadow:0 2px 0 #b08a34}.authbox button:focus-visible{outline:3px solid #a78b41;outline-offset:4px}.authbox .login-security-note{margin-top:22px!important;font-size:10px!important;line-height:1.5!important;color:#63758d!important}.authbox .msg.error{font-size:13px;border:1px solid #f1c8ce;background:#fff0f1;color:#a03243;line-height:1.4}.authbox .msg:empty{display:none}@keyframes promood-logo-enter{from{opacity:0;transform:translateY(16px) rotateY(-8deg) rotateX(7deg)}to{opacity:1;transform:rotateY(-8deg) rotateX(7deg)}}
@media(max-width:800px){.auth{grid-template-columns:1fr;align-content:start;overflow:clip}.authbrand{padding:36px 24px 28px;min-height:0}.authbrand img{width:108px;height:108px;border-radius:27px;margin-bottom:25px;box-shadow:0 7px 0 #08142e,0 10px 0 #ffffff12,0 20px 35px #0006}.authbrand h2{font-size:31px;margin:10px 0 6px}.authbrand p{font-size:13px;max-width:280px}.auth-eyebrow{font-size:8px}.authbox{padding:0 20px 35px;place-items:start center}.authbox .card{padding:27px 24px;border-radius:25px;max-width:440px}.authbox .card h1{font-size:27px}.authbox .card>p{margin-bottom:20px}.auth-welcome{font-size:9px}.authbox label{margin:14px 0}.authbox .login-security-note{margin-bottom:0!important}}
@media(prefers-reduced-motion:reduce){.authbrand img{animation:none}.authbox input,.authbox .primary{transition:none}}