@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,600;9..144,700&family=Albert+Sans:wght@400;500;600;700&display=swap');

:root{
  --carbon:#1b1410; --carbon-2:#241a14; --carbon-3:#2c2018;
  --ember:#e6622a; --ember-2:#ff8a4c; --gold:#d9a23b; --success:#3ecb52; --danger:#e0524a;
  --cream:#f3e7d6; --cream-dim:#b8a589;
  --line:rgba(243,231,214,0.10); --line-strong:rgba(243,231,214,0.18);
}
*{box-sizing:border-box; margin:0; padding:0;}
body{ background:var(--carbon); color:var(--cream); font-family:'Albert Sans', sans-serif; }

.conta-page{ min-height:100vh; display:flex; align-items:center; justify-content:center; padding:24px; }
.conta-card{ width:100%; max-width:400px; background:var(--carbon-2); border:1px solid var(--line-strong); border-radius:16px; padding:36px 32px; }
.conta-card .brand{ display:flex; align-items:center; gap:10px; margin-bottom:28px; }
.conta-card .brand .mark{ width:36px; height:36px; border-radius:9px; background:linear-gradient(155deg,var(--ember-2),var(--ember)); display:flex; align-items:center; justify-content:center; }
.conta-card .brand .mark svg{ width:18px; height:18px; }
.conta-card .brand .name{ font-family:'Fraunces',serif; font-weight:600; font-size:1.05rem; }
.conta-card h1{ font-family:'Fraunces',serif; font-size:1.5rem; font-weight:600; margin-bottom:6px; }
.conta-card .sub{ font-size:0.86rem; color:var(--cream-dim); margin-bottom:26px; }
.campo{ margin-bottom:16px; }
.campo label{ display:block; font-size:0.8rem; color:var(--cream-dim); margin-bottom:6px; }
.campo input{
  width:100%; background:var(--carbon-3); border:1px solid var(--line-strong); border-radius:8px;
  padding:11px 14px; color:var(--cream); font-size:0.92rem; font-family:inherit;
}
.campo input:focus{ outline:none; border-color:var(--ember); }
.campo-honeypot{ position:absolute; left:-9999px; top:-9999px; opacity:0; height:0; }
.btn-primary{
  width:100%; background:var(--ember); color:#1b1410; font-weight:700; padding:12px; border:none;
  border-radius:8px; font-size:0.94rem; cursor:pointer; margin-top:6px;
}
.btn-primary:hover{ background:var(--ember-2); }
.alerta{ font-size:0.84rem; padding:11px 14px; border-radius:8px; margin-bottom:18px; }
.alerta.erro{ background:rgba(224,82,74,0.12); color:#ff8b84; border:1px solid rgba(224,82,74,0.3); }
.alerta.sucesso{ background:rgba(62,203,82,0.12); color:#7fdf8d; border:1px solid rgba(62,203,82,0.3); }
.conta-rodape{ margin-top:20px; text-align:center; font-size:0.84rem; color:var(--cream-dim); }
.conta-rodape a{ color:var(--ember-2); text-decoration:none; font-weight:600; }
.conta-voltar{ display:inline-block; margin-bottom:18px; font-size:0.82rem; color:var(--cream-dim); text-decoration:none; }
.conta-voltar:hover{ color:var(--cream); }

/* ===== Minha conta ===== */
.minha-conta{ max-width:600px; margin:0 auto; padding:40px 24px; }
.minha-conta h1{ font-family:'Fraunces',serif; font-size:1.7rem; margin-bottom:6px; }
.minha-conta .sub{ color:var(--cream-dim); font-size:0.88rem; margin-bottom:28px; }
.minha-conta .painel{ background:var(--carbon-2); border:1px solid var(--line-strong); border-radius:14px; padding:24px; margin-bottom:18px; }
.minha-conta .painel h2{ font-family:'Fraunces',serif; font-size:1.1rem; margin-bottom:14px; }
.minha-conta .linha-dado{ display:flex; justify-content:space-between; padding:8px 0; border-bottom:1px solid var(--line); font-size:0.9rem; }
.minha-conta .linha-dado:last-child{ border-bottom:none; }
.minha-conta .linha-dado span:first-child{ color:var(--cream-dim); }
.minha-conta .sair{ color:var(--danger); text-decoration:none; font-size:0.88rem; font-weight:600; }
.linha-pedido{
  display:flex; justify-content:space-between; align-items:center; gap:12px; padding:12px 0;
  border-bottom:1px solid var(--line); text-decoration:none; color:var(--cream); font-size:0.86rem;
}
.linha-pedido:last-child{ border-bottom:none; }
.linha-pedido span:first-child{ color:var(--cream-dim); }
.linha-pedido strong{ font-family:'Fraunces',serif; color:var(--ember-2); }
