.customer-account-login{background:var(--hayat-paper,#f7f4ef)}
.customer-account-login .page-main{box-sizing:border-box;max-width:1320px!important;margin:0 auto!important;padding:70px clamp(22px,5vw,72px) 100px!important}
.customer-account-login .page-title-wrapper{text-align:center}.customer-account-login .page-title{margin:0 0 12px!important;font:clamp(42px,5vw,64px)/1 var(--hayat-serif,Georgia,serif);letter-spacing:-.035em;color:#1d1a18}.customer-account-login .page-title-wrapper:after{content:"Welcome back to Hayat Secret";display:block;margin-bottom:45px;color:#77706a;font-size:14px}
.customer-account-login .login-container{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(320px,.88fr);gap:24px;margin:0!important}
.customer-account-login .login-container .block{box-sizing:border-box;width:auto!important;margin:0!important;padding:clamp(28px,4vw,48px);border:1px solid #e1dad2;border-radius:18px;background:#fff;box-shadow:0 20px 55px rgba(37,31,27,.08)}
.customer-account-login .login-container .block-new-customer{position:relative;overflow:hidden;background:linear-gradient(145deg,#29231f,#171412);color:#fff}.customer-account-login .login-container .block-new-customer:before{content:"HS";position:absolute;right:-22px;bottom:-55px;color:rgba(255,255,255,.035);font:220px/1 var(--hayat-serif,Georgia,serif)}
.customer-account-login .block-title{margin:0 0 24px!important;padding:0 0 17px!important;border-bottom:1px solid #e4ddd5!important}.customer-account-login .block-title strong{font:30px/1.1 var(--hayat-serif,Georgia,serif)!important}.customer-account-login .block-new-customer .block-title{border-color:rgba(255,255,255,.16)!important}.customer-account-login .block-content>p{position:relative;margin:0 0 26px;color:#6d6660;line-height:1.7}.customer-account-login .block-new-customer .block-content>p{color:rgba(255,255,255,.68)}
.customer-account-login .fieldset{margin:0!important}.customer-account-login .fieldset>.field{margin:0 0 20px!important}.customer-account-login .field>.label{display:block;width:auto!important;margin:0 0 8px!important;color:#302b27;font-size:11px;font-weight:600;letter-spacing:.09em;text-align:left!important;text-transform:uppercase}.customer-account-login .field>.control{width:100%!important}.customer-account-login input[type=email],.customer-account-login input[type=password],.customer-account-login input[type=text]{box-sizing:border-box;width:100%;height:56px;padding:0 16px;border:1px solid #d7d0c8;border-radius:8px;background:#fbfaf8;font-size:15px;transition:.2s}.customer-account-login input:focus{border-color:#211e1b;box-shadow:0 0 0 3px rgba(33,30,27,.08)}
.customer-account-login .field.choice{display:flex;align-items:center;gap:9px}.customer-account-login .field.choice>.label{margin:0!important;font-size:12px;letter-spacing:0;text-transform:none}.customer-account-login .actions-toolbar{display:flex!important;align-items:center;gap:18px;margin:28px 0 0!important}.customer-account-login .actions-toolbar>.primary,.customer-account-login .actions-toolbar>.secondary{float:none!important}.customer-account-login .action.login.primary,.customer-account-login .action.create.primary{display:grid;place-items:center;min-width:180px;height:54px;padding:0 24px;border:1px solid #211e1b;border-radius:7px;background:#211e1b;color:#fff;font-size:11px;letter-spacing:.1em;text-transform:uppercase}.customer-account-login .action.login.primary:hover{background:var(--hayat-accent,#b79a63);border-color:var(--hayat-accent,#b79a63)}.customer-account-login .action.remind{color:#5d5650;font-size:12px}.customer-account-login .block-new-customer .action.create.primary{position:relative;border-color:#fff;background:#fff;color:#211e1b}.customer-account-login .block-new-customer .action.create.primary:hover{border-color:var(--hayat-accent,#b79a63);background:var(--hayat-accent,#b79a63);color:#fff}.customer-account-login .fieldset:after{margin-top:20px!important;font-size:11px!important}
@media(max-width:768px){.customer-account-login .page-main{padding:45px 18px 70px!important}.customer-account-login .login-container{grid-template-columns:1fr}.customer-account-login .login-container .block{padding:28px 22px}.customer-account-login .actions-toolbar{align-items:flex-start;flex-direction:column}.customer-account-login .action.login.primary,.customer-account-login .action.create.primary{width:100%}}