:root{color-scheme:dark;font-family:Manrope,Arial,sans-serif;color:#f5f3ec;background:#06131d}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{outline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #e6bd6c}.login-shell{min-height:100dvh;display:grid;grid-template-columns:1.1fr 1fr}.login-brand{position:relative;isolation:isolate;padding:54px 64px;display:flex;flex-direction:column;justify-content:space-between;min-height:750px;overflow:hidden;background:#15150f}.login-brand:before{content:'';position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,#06131d33,#06131d66 48%,#06131df5 79%),url('/sites/perolas/assets/fish-812445.webp') 58% center/cover}.login-brand:after{content:'';position:absolute;width:85px;height:5px;background:#e6bd6c;bottom:115px;left:64px}.logo{display:inline-flex;flex-direction:column;align-items:center;align-self:flex-start;font-family:'Barlow Condensed','Arial Narrow',sans-serif;font-size:44px;font-weight:800;line-height:1}.logo small{font-family:Manrope,Arial,sans-serif;font-size:11px;letter-spacing:5px;color:#e6bd6c;margin-top:10px}.brand-copy{margin-top:auto;margin-bottom:115px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:2px;color:#e6bd6c}h1,h2{font-family:'Barlow Condensed','Arial Narrow',sans-serif;margin:18px 0;font-weight:700}h1{font-size:clamp(50px,5.4vw,84px);line-height:1.02}.brand-copy p{max-width:370px;color:#c2bdb0;line-height:1.8;font-size:15px}.brand-footer,.panel-footer{font-size:10px;letter-spacing:1.4px;color:#918d7f}.login-panel{padding:50px 64px;display:flex;flex-direction:column;min-width:0}.back{color:#a9a79f;font-size:13px;align-self:flex-end}.back:hover{color:#e6bd6c}.login-card{width:100%;max-width:425px;margin:auto; padding:75px 0}h2{font-size:44px;line-height:1.12}.login-card>p{color:#a9a79f;font-size:15px;margin:0 0 34px;line-height:1.7}form{display:flex;flex-direction:column}label{font-size:13px;font-weight:700;margin-bottom:9px}input{width:100%;min-width:0;background:#151513;border:1px solid #403c2d;color:#f5f3ec;padding:15px;min-height:54px;border-radius:4px;font-size:15px}input::placeholder{color:#817e72}#email{margin-bottom:24px}.password-field{display:flex;background:#151513;border:1px solid #403c2d;border-radius:4px}.password-field input{border:0;background:none}.password-field button{background:none;border:0;color:#b5ad89;font-size:12px;padding:0 15px;cursor:pointer;flex:none}#login-submit{margin-top:30px;background:#e6bd6c;color:#10100b;border:0;border-radius:4px;min-height:55px;padding:15px 20px;font-weight:800;font-size:15px;display:flex;justify-content:space-between;cursor:pointer}#login-submit:hover{background:#ffe15c}#login-submit:disabled{opacity:.65;cursor:wait}.login-card .access-note{font-size:12px;color:#827e70;margin:23px 0 0}.login-error{font-size:13px;color:#ffc3af;background:#351e16;border-left:3px solid #e19d72;padding:12px;line-height:1.6;margin:18px 0 0}[hidden]{display:none!important}.panel-footer{text-align:center}@media(max-width:900px){.login-brand{padding:42px 35px}.login-brand:after{left:35px}.login-panel{padding:40px 30px}}@media(max-width:680px){.login-shell{display:block}.login-brand{min-height:auto;padding:28px}.brand-copy,.brand-footer,.login-brand:after{display:none}.logo{font-size:34px}.login-panel{padding:24px;min-height:calc(100dvh - 113px)}.login-card{padding:55px 0}h2{font-size:38px}.panel-footer{font-size:9px}.back{font-size:12px}}

.login-recovery{display:inline-block;color:#d1be72;font-size:13px;margin-top:20px}