/* Identidade visual derivada da logo original da Bem Bella. */
:root{--ink:#09283e;--pink:#ac4166;--paper:#faf9f5}
.brand-with-logo{display:inline-flex;align-items:center;gap:14px;flex-shrink:0;color:var(--ink)}
.brand-with-logo .brand-seal{display:block;width:78px;height:78px;object-fit:contain;flex-shrink:0}
.brand-wordmark{font-family:'Playfair Display',serif;font-size:30px;line-height:1.15;font-weight:600;letter-spacing:-1px;white-space:nowrap}
.brand-wordmark small{display:block;font-family:'DM Sans',sans-serif;font-size:9px;line-height:1.5;letter-spacing:4px;font-weight:500;text-align:center;margin-top:5px}
header:has(.brand-with-logo){min-height:106px;height:auto;padding-top:10px;padding-bottom:10px}
footer .brand-seal{width:72px;height:72px}
.login-logo{display:block;width:200px;height:200px;object-fit:contain;margin:24px 0 0}
.pink-sticker{background:#ac4166}
@media(max-width:800px){.brand-with-logo{gap:10px}.brand-with-logo .brand-seal{width:64px;height:64px}.brand-wordmark{font-size:25px}.brand-wordmark small{font-size:8px;letter-spacing:3px}header:has(.brand-with-logo){min-height:90px}.login-logo{width:170px;height:170px}}
@media(max-width:520px){header:has(.brand-with-logo){padding-top:10px;padding-bottom:10px}.brand-with-logo .brand-seal{width:58px;height:58px}.brand-wordmark{font-size:25px}footer .brand-wordmark{font-size:22px}footer .brand-seal{width:52px;height:52px}.login-logo{width:124px;height:124px;margin:16px 0}.login-intro{position:relative;padding-right:130px;min-height:140px}.login-intro h1{font-size:32px;line-height:1.15;letter-spacing:-1px}.login-intro h1 br{display:block}.login-logo{position:absolute;right:0;top:0;margin:0}}