.account-main { padding-bottom: 80px; }
[hidden] { display:none !important; }
.account-layout { display:grid; grid-template-columns:minmax(0,1.08fr) minmax(380px,.92fr); min-height:570px; border:1px solid #cdbb9e; box-shadow:0 25px 60px rgba(22,34,43,.12); }
.account-intro { position:relative; overflow:hidden; padding:clamp(38px,5vw,78px); background:radial-gradient(circle at 100% 0%,#24506a 0%,transparent 40%),linear-gradient(140deg,#10263c,#071b2d); color:#f5ecda; }
.account-intro::after { content:""; position:absolute; width:340px; height:340px; right:-140px; bottom:-160px; border:1px solid #c4a36a55; border-radius:50%; box-shadow:0 0 0 40px #c4a36a0b,0 0 0 85px #c4a36a09; pointer-events:none; }
.account-intro h1 { max-width:620px; margin:25px 0; font:500 clamp(49px,5vw,76px)/.98 "EB Garamond",Georgia,serif; letter-spacing:-.035em; }
.account-intro h1 em { color:#e7c78e; font-weight:500; }
.account-intro>p { max-width:480px; color:#d1d9da; line-height:1.8; }
.account-note { display:flex; gap:20px; max-width:450px; border-top:1px solid #c3ab8250; margin-top:24px; padding-top:17px; }
.account-note span { color:#d6b87e; font:600 25px/1 "EB Garamond",Georgia,serif; }
.account-note p { margin:0; color:#d9dedc; font-size:13px; }
.account-back { display:inline-block; margin-top:38px; border-bottom:1px solid #bd9e6d; color:#ead8b4; font-size:12px; font-weight:800; }
.account-panel { position:relative; padding:clamp(32px,4.3vw,65px); background:#fffcf5; }
.panel-ornament { display:flex; align-items:center; gap:10px; margin-bottom:24px; color:#7f6b4d; font:600 12px "EB Garamond",Georgia,serif; letter-spacing:.24em; }
.panel-ornament::after { content:""; width:90px; height:1px; background:#cbbb9f; }
.panel-ornament span { color:#a58145; }
.account-panel h2 { margin:12px 0 0; color:#10263c; font:500 clamp(34px,3vw,47px)/1.05 "EB Garamond",Georgia,serif; }
.panel-subtitle { margin:8px 0 28px; color:#5a6670; font-size:13px; }
.account-tabs { display:flex; gap:2px; padding:4px; background:#efe9dd; border:1px solid #d9cdb9; }
.account-tabs button { flex:1; padding:10px; border:0; background:transparent; color:#455666; font:800 12px "Manrope",sans-serif; cursor:pointer; }
.account-tabs button[aria-selected="true"] { background:#10263c; color:#fff5e2; box-shadow:3px 3px 0 #a4834c; }
.account-field { margin:19px 0; }
.account-field label { display:block; margin-bottom:7px; color:#23394c; font-size:12px; font-weight:800; }
.account-field input { width:100%; min-height:47px; padding:10px 13px; border:1px solid #b9b7ae; border-radius:2px; outline:none; background:#fff; color:#10263c; font:500 14px "Manrope",sans-serif; }
.account-field input:focus { border-color:#987038; box-shadow:0 0 0 3px #b48e5040; }
.account-field small { display:block; margin-top:6px; color:#61717c; font-size:11px; }
.account-submit { width:100%; min-height:49px; display:flex; align-items:center; justify-content:space-between; padding:12px 18px; border:1px solid #081b2d; background:#10263c; color:#fff6e4; font:800 12px "Manrope",sans-serif; letter-spacing:.04em; cursor:pointer; box-shadow:5px 5px 0 #ae8d53; transition:transform .18s,box-shadow .18s; }
.account-submit:hover { transform:translate(3px,3px); box-shadow:2px 2px 0 #ae8d53; }
.account-submit:disabled { opacity:.6; cursor:wait; }
.account-submit span { font-size:18px; }
.account-message { min-height:18px; margin:15px 0 0; color:#9e3b35; font-size:12px; font-weight:700; }
.account-privacy { margin:0 0 18px; color:#5a6670; font-size:11px; line-height:1.65; }
.account-privacy a { color:#715526; font-weight:800; text-decoration:underline; text-underline-offset:3px; }
.account-divider { display:flex; align-items:center; gap:15px; margin:22px 0; color:#7a7e7c; font-size:11px; }
.account-divider::before,.account-divider::after { content:""; flex:1; height:1px; background:#d5cabb; }
.google-link { min-height:45px; display:flex; justify-content:center; align-items:center; gap:12px; border:1px solid #aeb5b6; color:#253c4b; background:#fff; font-size:12px; font-weight:800; }
.google-link:hover { border-color:#ad8753; box-shadow:3px 3px 0 #ad8753; }
.google-g { font-size:19px; font-weight:800; color:#4285f4; }
.google-unavailable { color:#69737a; font-size:11px; line-height:1.5; }
.signed-detail { padding:18px; border-left:3px solid #ad8951; color:#384c5c; background:#f1ede2; font-size:13px; }
.account-continue { margin:26px 0 18px; }
.logout-button { border:0; border-bottom:1px solid #977b54; padding:4px 0; background:none; color:#475869; font:700 12px "Manrope",sans-serif; cursor:pointer; }
.account-loading { color:#425868; font-size:13px; }
@media (max-width:820px) { .account-layout { grid-template-columns:1fr; }.account-intro { padding:35px; }.account-intro h1 { max-width:560px; }.account-panel { padding:35px; } }
@media (max-width:560px) { .account-main { padding-bottom:35px; }.account-layout { border:0; }.account-intro,.account-panel { padding:27px 23px; }.account-intro h1 { font-size:48px; }.guide-header nav a:nth-child(2) { display:none; } }

/* Painel pessoal: o caderno e o desempenho ficam disponíveis na própria conta. */
.account-dashboard { margin-top:28px; padding:clamp(24px,4vw,44px); border:1px solid #cdbb9e; background:#fffcf5; box-shadow:0 18px 46px #16222b12; }
.account-main.is-signed .account-layout { display:block; min-height:0; }
.account-main.is-signed .account-intro,.account-main.is-signed .panel-ornament { display:none; }
.account-main.is-signed .account-panel { padding:24px clamp(24px,4vw,42px); }
.account-main.is-signed #account-signed { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:22px; }
.signed-heading h2 { margin:8px 0 2px; }
.signed-heading .panel-subtitle { margin:0; }
.signed-actions { display:grid; justify-items:end; gap:11px; }
.signed-actions .account-continue { width:auto; min-width:210px; margin:0; }
.account-dashboard-head { display:flex; align-items:end; justify-content:space-between; gap:22px; padding-bottom:25px; border-bottom:1px solid #d9cdb9; }
.account-dashboard-head h2 { margin:10px 0 5px; color:#10263c; font:500 clamp(34px,4vw,51px)/1.05 "EB Garamond",Georgia,serif; letter-spacing:-.03em; }
.account-dashboard-head p { margin:0; color:#586775; font-size:12px; line-height:1.6; }
.dashboard-study-link { flex-shrink:0; padding:11px 15px; border:1px solid #10263c; background:#10263c; color:#fff8e8; font-size:11px; font-weight:800; }
.dashboard-study-link span { margin-left:12px; }
.dashboard-study-link:hover { box-shadow:4px 4px 0 #ad8951; }
.account-metrics { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); margin:24px 0; border:1px solid #d9cdb9; background:#f6f0e5; }
.account-metrics > div { display:grid; align-content:center; gap:8px; min-height:112px; padding:16px 21px; }
.account-metrics > div + div { border-left:1px solid #d9cdb9; }
.account-metrics span { color:#72614a; font-size:10px; font-weight:800; letter-spacing:.1em; }
.account-metrics strong { color:#10263c; font:500 39px/1 "EB Garamond",Georgia,serif; }
.account-draft { display:flex; justify-content:space-between; align-items:center; gap:20px; margin:0 0 24px; padding:16px 21px; border-left:3px solid #a8844e; background:#e9edf0; }
.account-draft div { display:grid; gap:3px; }
.account-draft div > span { color:#8b693d; font-size:10px; font-weight:800; letter-spacing:.11em; }
.account-draft strong { color:#10263c; font:500 23px "EB Garamond",Georgia,serif; }
.account-draft p { margin:0; color:#586775; font-size:11px; }
.account-draft a { flex-shrink:0; color:#173f58; font-size:11px; font-weight:800; text-decoration:underline; text-underline-offset:3px; }
.account-dashboard-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:17px; }
.account-study-panel { display:flex; flex-direction:column; min-width:0; padding:25px; border:1px solid #d9cdb9; background:#fffdfa; }
.study-panel-heading { display:flex; justify-content:space-between; align-items:start; gap:13px; }
.study-panel-heading span { color:#927044; font-size:10px; font-weight:800; letter-spacing:.12em; }
.study-panel-heading h3 { margin:5px 0 0; color:#10263c; font:500 32px/1.12 "EB Garamond",Georgia,serif; }
.study-panel-heading > strong { padding:7px 9px; border:1px solid #d9cdb9; color:#665139; font-size:10px; white-space:nowrap; }
.study-panel-description { margin:10px 0 18px; color:#586775; font-size:12px; line-height:1.65; }
.account-review-list,.account-trail-list { display:grid; gap:8px; margin-bottom:18px; }
.account-review-item { padding:12px 14px; border-left:2px solid #ad8951; background:#f3f0e9; }
.account-review-item > span { color:#8b693d; font-size:9px; font-weight:800; letter-spacing:.06em; text-transform:uppercase; }
.account-review-item p { margin:5px 0; color:#24394b; font-size:12px; line-height:1.5; }
.account-review-item small { color:#5e6a70; font-size:10px; }
.account-trail-item { display:grid; gap:8px; padding:10px 12px; border:1px solid #e0d8c8; color:#10263c; }
.account-trail-item:hover { border-color:#ad8951; background:#f6f0e5; }
.account-trail-item > span { display:flex; justify-content:space-between; gap:12px; align-items:baseline; }
.account-trail-item strong { font-size:12px; }
.account-trail-item small { color:#5b6873; font-size:10px; text-align:right; }
.account-trail-item i { height:4px; background:#e0d8c8; }
.account-trail-item i b { display:block; height:100%; background:#ad8951; }
.account-empty { margin:0; padding:18px; border:1px dashed #c9baa2; color:#596875; font-size:12px; line-height:1.7; }
.study-panel-link { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:auto; padding-top:17px; border-top:1px solid #e0d8c8; color:#173f58; font-size:11px; font-weight:800; }
.study-panel-link:hover { color:#936c38; }
@media(max-width:900px) { .account-dashboard-grid { grid-template-columns:1fr; }.account-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); }.account-metrics > div:nth-child(3) { border-left:0; border-top:1px solid #d9cdb9; }.account-metrics > div:nth-child(4) { border-top:1px solid #d9cdb9; } }
@media(max-width:560px) { .account-main.is-signed .account-panel { padding:21px; }.signed-actions { justify-items:start; width:100%; }.account-dashboard { margin-top:16px; padding:24px 17px; }.account-dashboard-head { display:grid; }.dashboard-study-link { justify-self:start; }.account-metrics > div { min-height:94px; padding:12px; }.account-metrics span { font-size:9px; }.account-metrics strong { font-size:32px; }.account-draft { display:grid; }.account-study-panel { padding:18px; }.study-panel-heading { flex-wrap:wrap; }.account-trail-item > span { display:grid; gap:2px; }.account-trail-item small { text-align:left; } }
