:root{--bf-black:#090909;--bf-black-2:#15120e;--bf-gold:#c9964b;--bf-gold-light:#efd39b;--bf-ink:#171717;--bf-muted:#6b7280;--bf-line:#e7ded0;--bf-soft:#f8f4ed;--bf-danger:#b42318}*{box-sizing:border-box}html,body{min-height:100%}body{margin:0;font-family:Inter,system-ui,sans-serif;color:var(--bf-ink);background:#f4f1eb}.access-layout{min-height:100vh;display:grid;grid-template-columns:minmax(340px,.9fr) minmax(520px,1.1fr)}.access-brand-panel{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:2rem;color:#fff;background:radial-gradient(circle at 20% 18%,rgba(201,150,75,.25),transparent 28%),radial-gradient(circle at 80% 80%,rgba(201,150,75,.16),transparent 30%),linear-gradient(145deg,#050505,#19150f)}.access-brand-panel:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(to bottom,black,transparent 85%)}.access-brand-top,.access-brand-content,.access-brand-foot{position:relative;z-index:1}.access-brand-top{display:flex;align-items:center;justify-content:space-between;gap:1rem}.access-brand-top span{font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;color:#d8c5a2;font-weight:800}.access-back{display:inline-flex;align-items:center;gap:.45rem;color:#f3dfb9;font-size:.78rem;font-weight:750;text-decoration:none}.access-logo-wrap{width:min(390px,88%);margin:0 auto 1.6rem}.access-logo-wrap img{display:block;width:100%;height:auto;border-radius:1.4rem;box-shadow:0 35px 80px rgba(0,0,0,.42)}.access-brand-content h1{font-size:clamp(2.35rem,5vw,4.8rem);line-height:.95;letter-spacing:-.06em;margin:0;max-width:760px}.access-brand-content h1 span{color:var(--bf-gold-light)}.access-brand-content p{max-width:650px;margin:1.2rem 0 0;color:#d1c8b8;line-height:1.7;font-size:1rem}.access-brand-foot{display:flex;align-items:center;justify-content:space-between;gap:1rem;color:#b7aa93;font-size:.72rem}.access-brand-foot strong{color:#edd6a7}.access-main{display:flex;align-items:center;justify-content:center;padding:2rem}.access-shell{width:min(760px,100%)}.access-head{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;margin-bottom:1.25rem}.access-kicker{display:inline-flex;align-items:center;gap:.45rem;color:#91621d;font-size:.72rem;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.access-head h2{margin:.4rem 0 .35rem;font-size:clamp(1.8rem,4vw,3.1rem);letter-spacing:-.05em}.access-head p{margin:0;color:var(--bf-muted);line-height:1.55}.access-mode{display:inline-flex;align-items:center;gap:.4rem;padding:.42rem .65rem;border-radius:999px;background:#fff7e6;border:1px solid #edd19f;color:#8a5715;font-size:.68rem;font-weight:850;white-space:nowrap}.access-types{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem;margin-bottom:1rem}.access-type{position:relative;min-height:132px;padding:.85rem;border:1px solid var(--bf-line);border-radius:1rem;background:#fff;text-align:left;cursor:pointer;transition:.18s ease}.access-type:hover{transform:translateY(-2px);border-color:#d2b77e;box-shadow:0 14px 32px -22px rgba(77,54,19,.45)}.access-type.is-active{border-color:var(--bf-gold);box-shadow:0 0 0 3px rgba(201,150,75,.15);background:#fffdf8}.access-type-icon{width:38px;height:38px;border-radius:.8rem;display:grid;place-items:center;background:#15120e;color:#efcf94}.access-type strong{display:block;font-size:.78rem;margin-top:.68rem}.access-type small{display:block;color:#7b8491;font-size:.65rem;line-height:1.35;margin-top:.25rem}.access-type-check{position:absolute;right:.65rem;top:.65rem;color:#9a6c27;opacity:0}.access-type.is-active .access-type-check{opacity:1}.access-card{padding:1.25rem;border:1px solid var(--bf-line);border-radius:1.2rem;background:rgba(255,255,255,.96);box-shadow:0 30px 70px -48px rgba(50,36,15,.55)}.access-form{display:grid;gap:.9rem}.access-field{display:grid;gap:.38rem}.access-field span{font-size:.74rem;font-weight:800;color:#444}.access-field-control{position:relative}.access-field input{width:100%;height:50px;border:1px solid #d8d3ca;border-radius:.82rem;padding:0 2.8rem 0 .9rem;font:inherit;background:#fff;outline:none;transition:.15s}.access-field input:focus{border-color:var(--bf-gold);box-shadow:0 0 0 3px rgba(201,150,75,.14)}.access-field-control i{position:absolute;right:.95rem;top:50%;transform:translateY(-50%);color:#9ca3af}.access-password-toggle{position:absolute;right:.45rem;top:50%;transform:translateY(-50%);width:38px;height:38px;border:0;border-radius:.65rem;background:transparent;color:#6b7280}.access-form-row{display:flex;align-items:center;justify-content:space-between;gap:1rem}.access-remember{display:flex;align-items:center;gap:.45rem;font-size:.72rem;color:#5c6470}.access-remember input{accent-color:#a87528}.access-link{border:0;background:transparent;color:#8d5f1e;font:inherit;font-size:.72rem;font-weight:800;cursor:pointer}.access-submit{height:52px;border:0;border-radius:.85rem;background:linear-gradient(135deg,#d9ad66,#a66a1d);color:#120e08;font:inherit;font-weight:900;cursor:pointer;box-shadow:0 18px 35px -22px rgba(143,88,19,.8)}.access-submit:disabled{opacity:.65;cursor:wait}.access-error{min-height:1.1rem;margin:0;color:var(--bf-danger);font-size:.74rem;font-weight:700}.access-demo-note{display:flex;align-items:flex-start;gap:.7rem;margin-top:1rem;padding:.8rem;border-radius:.85rem;background:var(--bf-soft);border:1px solid #eadfce;color:#655845;font-size:.72rem;line-height:1.45}.access-demo-note i{color:#9b6c27;margin-top:.1rem}.access-demo-credentials{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.55rem;margin-top:1rem}.access-demo-account{padding:.7rem;border:1px solid #e4d8c6;border-radius:.8rem;background:#fff;cursor:pointer;text-align:left}.access-demo-account:hover{border-color:#c9964b}.access-demo-account strong,.access-demo-account span{display:block}.access-demo-account strong{font-size:.68rem}.access-demo-account span{font-size:.61rem;color:#78808b;margin-top:.2rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.access-demo-password{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-top:.7rem;padding:.65rem .75rem;border-radius:.72rem;background:#17130e;color:#f0dbb4;font-size:.72rem}.access-demo-password code{color:#fff;font-weight:850}.access-modal{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:1rem;background:rgba(5,5,5,.62);backdrop-filter:blur(8px)}.access-modal[hidden]{display:none}.access-modal-card{width:min(460px,100%);padding:1.25rem;border-radius:1.15rem;background:#fff;box-shadow:0 35px 100px rgba(0,0,0,.35)}.access-modal-card h3{margin:.2rem 0 .5rem}.access-modal-card p{color:#667085;line-height:1.55}.access-modal-actions{display:flex;justify-content:flex-end;margin-top:1rem}.access-modal-actions button{min-height:44px;padding:.7rem 1rem;border:0;border-radius:.75rem;background:#17130e;color:#fff;font-weight:800}.access-loading{display:inline-block;width:16px;height:16px;border:2px solid rgba(0,0,0,.25);border-top-color:#17130e;border-radius:50%;animation:accessSpin .8s linear infinite}@keyframes accessSpin{to{transform:rotate(360deg)}}
@media(max-width:1050px){.access-layout{grid-template-columns:1fr}.access-brand-panel{min-height:440px}.access-logo-wrap{width:240px}.access-brand-content h1{max-width:800px}.access-main{padding:1.5rem}.access-types,.access-demo-credentials{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.access-brand-panel{min-height:380px;padding:1.25rem}.access-logo-wrap{width:190px;margin-bottom:1rem}.access-brand-content h1{font-size:2.4rem}.access-brand-content p{font-size:.88rem}.access-brand-foot{align-items:flex-start;flex-direction:column}.access-main{padding:1rem}.access-head{flex-direction:column}.access-types,.access-demo-credentials{grid-template-columns:1fr 1fr}.access-type{min-height:118px}.access-card{padding:1rem}.access-form-row{align-items:flex-start;flex-direction:column}.access-demo-password{align-items:flex-start;flex-direction:column}}

/* =========================================================
   Bukker Agência de Marketing — Central de acesso oficial v10.29.0
   ========================================================= */
:root{--bf-wine:#6a1733;--bf-wine-dark:#471021;--bf-ivory:#fffdf9;--bf-beige:#f3eee8;--bf-line:#e4d8d2;--bf-muted:#756b6e}
body{background:var(--bf-beige);color:#2c2427}
.access-layout{grid-template-columns:minmax(390px,.95fr) minmax(520px,1.05fr)}
.access-brand-panel{
  color:#2c2427;
  background:
    radial-gradient(circle at 12% 14%,rgba(106,23,51,.08),transparent 24rem),
    linear-gradient(145deg,#f9f5f0,#eee4df);
}
.access-brand-panel:before{
  background-image:linear-gradient(rgba(106,23,51,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(106,23,51,.025) 1px,transparent 1px);
}
.access-brand-panel:after{
  content:"";position:absolute;right:-13rem;bottom:-6rem;width:min(62vw,48rem);aspect-ratio:774/546;
  background:url('../../brand/bukker-monogram.webp') center/contain no-repeat;opacity:.045;pointer-events:none;
}
.access-brand-top span{color:#725d65}
.access-back{color:var(--bf-wine)}
.access-logo-wrap{width:min(430px,92%);margin:0 auto 1.2rem}
.access-logo-wrap img{width:100%;max-height:18rem;object-fit:contain;border-radius:0;box-shadow:none;background:transparent}
.access-brand-content h1{color:#4a1023;font-family:'Cormorant Garamond',Georgia,serif;font-weight:600;font-size:clamp(3rem,5.3vw,5.6rem);line-height:.88}
.access-brand-content h1 span{color:var(--bf-wine)}
.access-brand-content p{color:#756b6e}
.access-brand-foot{color:#8a7f82}.access-brand-foot strong{color:var(--bf-wine)}
.access-main{background:rgba(255,253,249,.72)}
.access-kicker{color:var(--bf-wine)}
.access-head h2{color:#4a1023;font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(2.2rem,4vw,3.6rem);font-weight:600}
.access-head p{color:var(--bf-muted)}
.access-card{border-color:var(--bf-line);border-radius:1rem;background:rgba(255,254,251,.98);box-shadow:0 30px 75px -58px rgba(71,16,33,.72)}
.access-field input{border-color:#ded3ce;border-radius:.72rem}
.access-field input:focus{border-color:var(--bf-wine);box-shadow:0 0 0 3px rgba(106,23,51,.12)}
.access-link{color:var(--bf-wine)}
.access-submit{background:var(--bf-wine);color:#fff;box-shadow:0 18px 36px -22px rgba(106,23,51,.78)}
.access-modal-actions button{background:var(--bf-wine)}
@media(max-width:1050px){.access-brand-panel{min-height:500px}.access-logo-wrap{width:310px}}
@media(max-width:600px){.access-brand-panel{min-height:400px}.access-logo-wrap{width:245px}.access-brand-content h1{font-size:2.8rem}}

/* Bukker: mantém o logotipo completo e legível em desktop e mobile */
.access-logo-wrap{width:min(480px,92%)}
.access-logo-wrap img{display:block;width:100%;height:auto;aspect-ratio:1250/362;object-fit:contain}
@media(max-width:600px){.access-logo-wrap{width:min(330px,100%)}}