@font-face{font-family:'DM Sans';font-style:normal;font-weight:100 1000;font-display:swap;src:url('/fonts/dm-sans-latin.woff2') format('woff2')}
@font-face{font-family:'Libre Caslon Display';font-style:normal;font-weight:400;font-display:swap;src:url('/fonts/libre-caslon-display-latin.woff2') format('woff2')}
/* Mesma paleta da página infosterling.com */
:root{--paper:#f8f5ee;--ink:#312b2d;--muted:#68605e;--wine:#682f42;--wine-dark:#49212f;--line:#ded7ce;--blush:#eee5dd;--white:#fff;--serif:'Libre Caslon Display',Georgia,serif;--sans:'DM Sans',system-ui,sans-serif;color-scheme:light}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;padding-bottom:calc(150px + env(safe-area-inset-bottom))}
[hidden]{display:none!important}
a{color:var(--wine);text-underline-offset:3px}
button,input{font:inherit;color:inherit}
button{cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
:focus-visible{outline:3px solid #a05737;outline-offset:3px}
h1,h2{font-family:var(--serif);font-weight:400;letter-spacing:-.03em;line-height:1.08;margin:0 0 .5em}
h1{font-size:clamp(2.3rem,9vw,3.4rem)}
h1 em,h2 em{color:var(--wine)}
h2{font-size:1.5rem}
p{margin:0 0 1em}

.top{display:flex;align-items:center;gap:10px;padding:calc(14px + env(safe-area-inset-top)) 20px 14px;font-family:var(--serif);font-size:1.05rem;color:var(--wine);border-bottom:1px solid var(--line)}
.top img{border-radius:8px}
main{max-width:640px;margin:0 auto;padding:28px 20px 8px}
.eyebrow{font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-bottom:.8em}
.lead{color:var(--muted);font-size:1.05rem}

form{margin-top:26px;display:grid;gap:10px}
label{font-weight:600;font-size:.92rem}
input[type=email]{width:100%;padding:15px 16px;border:1px solid var(--line);border-radius:12px;background:var(--white);font-size:1.05rem}
input[type=email]:focus{border-color:var(--wine);outline:none;box-shadow:0 0 0 3px #682f4222}
.btn{display:inline-flex;justify-content:center;align-items:center;min-height:52px;padding:0 26px;border:0;border-radius:12px;background:var(--wine);color:var(--white);font-weight:600;font-size:1.02rem}
.btn:active{background:var(--wine-dark)}
.btn:disabled{opacity:.6}
.btn.small{min-height:42px;padding:0 18px;font-size:.95rem}
.msg{padding:12px 14px;border-radius:10px;background:var(--blush);color:var(--wine-dark);font-size:.95rem}
.link{background:none;border:0;padding:0;color:var(--wine);text-decoration:underline;text-underline-offset:3px}

.card{background:var(--white);border:1px solid var(--line);border-radius:16px;padding:18px 18px 16px;margin-bottom:22px}
.card p:last-child{margin-bottom:0}
.welcome h2{font-size:1.3rem;margin-bottom:.3em}
.install p{margin-bottom:.7em;color:var(--muted)}
.progress{font-size:.9rem;color:var(--muted);margin:-.2em 0 1.4em}

.module{border-top:1px solid var(--line);padding:18px 0 6px}
.module h2{font-size:1.35rem;margin-bottom:.15em}
.module .m-sub{font-size:.85rem;color:var(--muted);margin-bottom:10px}
.lesson{display:flex;align-items:center;gap:12px;width:100%;padding:12px 10px;margin:0 -10px;border:0;border-radius:12px;background:none;text-align:left}
.lesson:hover{background:var(--blush)}
.lesson[aria-current=true]{background:var(--blush)}
.l-icon{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:var(--white);color:var(--wine);font-size:.9rem}
.lesson[aria-current=true] .l-icon{background:var(--wine);color:var(--white);border-color:var(--wine)}
.l-text{flex:1;min-width:0}
.l-title{display:block;font-weight:600}
.l-meta{display:block;font-size:.84rem;color:var(--muted)}
.l-done{color:#3d7a52}
.note{margin-top:28px;font-size:.82rem;color:var(--muted)}

.player{position:fixed;left:0;right:0;bottom:0;z-index:5;background:var(--white);border-top:1px solid var(--line);box-shadow:0 -8px 24px #312b2d14;padding:12px 18px calc(12px + env(safe-area-inset-bottom))}
.player>*{max-width:640px;margin-left:auto;margin-right:auto}
.player-info{display:flex;flex-direction:column;line-height:1.3}
.p-module{font-size:.75rem;color:var(--muted)}
#p-seek{display:block;width:100%;margin:10px auto 6px;accent-color:var(--wine)}
.player-row{display:flex;align-items:center;justify-content:center;gap:10px}
.p-time{font-size:.8rem;color:var(--muted);margin-right:auto;font-variant-numeric:tabular-nums;white-space:nowrap}
.icon-btn{min-width:44px;height:40px;border:1px solid var(--line);border-radius:10px;background:var(--paper);font-size:.88rem;font-weight:600}
.play-btn{width:54px;height:54px;border-radius:50%;border:0;background:var(--wine);color:var(--white);font-size:1.15rem}

.foot{max-width:640px;margin:0 auto;padding:20px 20px 0;font-size:.85rem;color:var(--muted);text-align:center}
.foot p{margin-bottom:.5em}
@media (min-width:700px){main{padding-top:44px}}