@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";
*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary:#0f0f14;--bg-secondary:#1a1a24;--bg-card:#22222e;--bg-card-hover:#2a2a38;--bg-elevated:#2e2e3e;--text-primary:#f0ece4;--text-secondary:#a8a4a0;--text-muted:#6b6768;--accent:#e8a849;--accent-hover:#f0b85a;--accent-glow:#e8a84926;--accent-subtle:#e8a84914;--success:#4ade80;--error:#f87171;--info:#60a5fa;--border:#ffffff0f;--border-active:#e8a8494d;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 8px 32px #00000080;--shadow-glow:0 0 20px #e8a8491a;--font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:2rem;--font-size-4xl:2.75rem;--font-size-5xl:3.5rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-full:9999px;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.4s ease}[data-theme=light]{--bg-primary:#f0f2f5;--bg-secondary:#f7f8fa;--bg-card:#fff;--bg-card-hover:#ebedf1;--bg-elevated:#e4e6ea;--text-primary:#1c2826;--text-secondary:#4a5654;--text-muted:#8a9290;--accent:#1a7a5c;--accent-hover:#1f9470;--accent-glow:#1a7a5c1f;--accent-subtle:#1a7a5c0f;--accent-gradient:linear-gradient(135deg,#1a7a5c,#2da882);--border:#00000012;--border-active:#1a7a5c4d;--shadow-sm:0 1px 3px #0000000d;--shadow-md:0 4px 14px #00000012;--shadow-lg:0 8px 32px #00000017;--shadow-glow:0 0 24px #1a7a5c1a;--card-shadow:0 2px 8px #0000000a,0 0 0 1px #00000008}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-family);font-size:var(--font-size-base);color:var(--text-primary);background-color:var(--bg-primary);background-image:radial-gradient(ellipse at 20% 0%,var(--accent-glow)0%,transparent 50%),radial-gradient(ellipse at 80% 100%,var(--accent-glow)0%,transparent 50%);transition:background-color var(--transition-slow),color var(--transition-slow);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-attachment:fixed;min-height:100vh;line-height:1.6}a{color:var(--accent);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--accent-hover)}.container{width:100%;max-width:720px;padding:0 var(--space-5);margin:0 auto}.page-wrapper{flex-direction:column;min-height:100vh;display:flex}.main-content{padding-bottom:var(--space-16);flex:1}.header{padding:var(--space-10)0 var(--space-8);text-align:center;margin-bottom:var(--space-4);position:relative}.header:after{content:"";background:linear-gradient(90deg,var(--accent),var(--accent-hover,var(--accent)));border-radius:var(--radius-full);width:60px;height:3px;margin:var(--space-6)auto 0;opacity:.6;display:block}.header__brand{align-items:center;gap:var(--space-4);flex-direction:column;display:flex}.header__logo{font-size:var(--font-size-5xl);letter-spacing:-.04em;color:var(--text-primary);align-items:center;gap:var(--space-2);font-weight:800;line-height:1;display:flex}.header__logo-accent{color:var(--accent);position:relative}.header__logo-accent:after{content:"";background:var(--accent);opacity:.2;border-radius:var(--radius-full);height:4px;position:absolute;bottom:2px;left:0;right:0}.header__slogan{color:var(--text-secondary);letter-spacing:-.02em;max-width:90%;padding:var(--space-4)0;margin:0 auto;font-size:1.5rem;font-weight:500;line-height:1.3;position:relative}.header__slogan:before,.header__slogan:after{content:"✨";opacity:.8;vertical-align:middle;margin:0 var(--space-2);filter:grayscale();transition:filter var(--transition-slow);font-size:1.2rem}.header:hover .header__slogan:before,.header:hover .header__slogan:after{filter:grayscale(0%)}.header__subtitle{font-size:var(--font-size-sm);color:var(--text-muted);opacity:.75;max-width:85%;margin:0 auto;font-weight:400;line-height:1.4}.header__theme-toggle{top:var(--space-6);position:absolute;right:0}.theme-toggle{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-full);cursor:pointer;width:44px;height:44px;font-size:var(--font-size-lg);transition:all var(--transition-base);color:var(--text-secondary);justify-content:center;align-items:center;display:flex}.theme-toggle:hover{background:var(--bg-card-hover);border-color:var(--border-active);color:var(--accent);box-shadow:var(--shadow-glow);transform:rotate(15deg)}.nivel-grid{justify-content:center;gap:var(--space-2);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.nivel-btn{align-items:center;gap:var(--space-1);padding:var(--space-3)var(--space-2);background:var(--bg-card);border:1.5px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);font-family:var(--font-family);color:var(--text-secondary);flex-direction:column;display:flex;position:relative;overflow:hidden}.nivel-btn:after{content:"";background:var(--accent);height:3px;transition:transform var(--transition-base);position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.nivel-btn:hover{border-color:var(--border-active);box-shadow:var(--shadow-md),var(--shadow-glow);transform:translateY(-3px)}.nivel-btn:hover:after{transform:scaleX(1)}.nivel-btn--active{border-color:var(--accent);background:var(--accent-glow);color:var(--accent);box-shadow:var(--shadow-glow)}.nivel-btn--active:after{transform:scaleX(1)}.nivel-btn__emoji{transition:transform var(--transition-base);font-size:1.3rem;line-height:1}.nivel-btn:hover .nivel-btn__emoji{transform:scale(1.15)}.nivel-btn__nome{letter-spacing:.02em;font-size:.7rem;font-weight:700}.nivel-btn__desc{color:var(--text-muted);font-size:.6rem;font-weight:400}.section-title{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted);margin-bottom:var(--space-4);font-weight:600}.subject-grid{justify-content:center;gap:var(--space-2);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.subject-btn{align-items:center;gap:var(--space-1);padding:var(--space-3)var(--space-2);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);font-family:var(--font-family);color:var(--text-secondary);flex-direction:column;flex:0 1 calc(25% - var(--space-2));justify-content:center;min-width:80px;min-height:70px;display:flex;position:relative;overflow:hidden}.subject-btn:after{content:"";background:radial-gradient(circle at 50% 120%,var(--accent-glow)0%,transparent 70%);opacity:0;transition:opacity var(--transition-base);position:absolute;inset:0}.subject-btn:hover{background:var(--bg-card-hover);border-color:var(--border-active);box-shadow:var(--shadow-md),var(--shadow-glow);z-index:10;transform:translateY(-4px)scale(1.02)}.subject-btn:hover:after{opacity:1}.subject-btn:active{transform:translateY(-1px)}.subject-btn--active{background:var(--accent-glow);border-color:var(--accent);color:var(--accent);box-shadow:var(--shadow-glow)}.subject-btn--active:after{opacity:1}.subject-btn__emoji{transition:transform var(--transition-base);font-size:1.6rem;line-height:1}.subject-btn:hover .subject-btn__emoji{transform:scale(1.1)}.subject-btn__name{letter-spacing:.02em;font-size:.7rem;font-weight:600}.subject-btn--special{background:linear-gradient(135deg,#e74c3c0f,#f39c120f);position:relative}.subject-btn--special:before{content:"🔥";font-size:.9rem;animation:2s ease-in-out infinite pulseFireEmoji;position:absolute;top:-4px;right:-4px}.subject-btn--special .subject-btn__name{background:linear-gradient(135deg,#e74c3c,#f39c12);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:.65rem;font-weight:800}.subject-btn--special:hover{background:linear-gradient(135deg,#e74c3c1a,#f39c121a)}.subject-btn--special.subject-btn--active{background:linear-gradient(135deg,#e74c3c1f,#f39c121f)}@keyframes pulseFireEmoji{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}}.content-section{animation:fadeIn var(--transition-slow)}.content-tabs{gap:var(--space-1);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-1);margin-bottom:var(--space-5);scrollbar-width:none;display:flex;overflow-x:auto}.content-tabs::-webkit-scrollbar{display:none}.content-tab{min-width:0;padding:var(--space-3)var(--space-2);border-radius:var(--radius-md);color:var(--text-muted);font-family:var(--font-family);font-size:var(--font-size-xs);cursor:pointer;transition:all var(--transition-base);align-items:center;gap:var(--space-1);white-space:nowrap;background:0 0;border:none;flex-direction:column;flex:1;font-weight:500;display:flex}.content-tab:hover{color:var(--text-secondary);background:var(--bg-card-hover)}.content-tab--active{background:var(--accent);color:#fff;box-shadow:var(--shadow-sm);font-weight:600}.content-tab__emoji{font-size:var(--font-size-base)}.content-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-8);animation:slideUp var(--transition-slow);box-shadow:var(--card-shadow,var(--shadow-sm));position:relative;overflow:hidden}.content-card:before{content:"";background:linear-gradient(90deg,var(--accent),var(--accent-hover,var(--accent)),transparent);border-radius:var(--radius-xl)var(--radius-xl)0 0;height:3px;position:absolute;top:0;left:0;right:0}.content-card:after{content:"";background:radial-gradient(circle,var(--accent-subtle)0%,transparent 70%);pointer-events:none;width:120px;height:120px;position:absolute;top:3px;right:-40px}.content-card__badge{align-items:center;gap:var(--space-2);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--accent);margin-bottom:var(--space-4);padding:var(--space-1)var(--space-3);background:var(--accent-subtle);border-radius:var(--radius-full);font-weight:600;display:inline-flex}.content-card__title{font-size:var(--font-size-2xl);color:var(--text-primary);margin-bottom:var(--space-4);letter-spacing:-.02em;font-weight:700;line-height:1.3}.content-card__text{font-size:var(--font-size-lg);color:var(--text-secondary);margin-bottom:var(--space-5);line-height:1.75}.content-card__author{font-size:var(--font-size-sm);color:var(--text-muted);margin-bottom:var(--space-5);padding-left:var(--space-4);border-left:2px solid var(--accent);font-style:italic}.content-card__highlight{background:var(--accent-subtle);border:1px solid var(--accent-glow);border-radius:var(--radius-md);padding:var(--space-4);margin-top:var(--space-4)}.content-card__highlight-label{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--accent);margin-bottom:var(--space-2);font-weight:600}.content-card__highlight-text{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.6}.content-card--frase .content-card__text{font-size:var(--font-size-2xl);color:var(--text-primary);text-align:center;padding:var(--space-6)0;font-style:italic;font-weight:300;line-height:1.5;position:relative}.content-card--frase .content-card__text:before{content:"\"";color:var(--accent);opacity:.3;font-family:Georgia,serif;font-size:4rem;line-height:1;position:absolute;top:-10px;left:50%;transform:translate(-50%)}.content-card--frase .content-card__author{text-align:center;font-size:var(--font-size-base);border-left:none;padding-left:0}.actions{gap:var(--space-3);margin-top:var(--space-6);display:flex}.action-btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-4);border-radius:var(--radius-md);border:1px solid var(--border);font-family:var(--font-family);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-base);flex:1;font-weight:600;display:flex}.action-btn--whatsapp{color:#fff;background:#25d366;border-color:#25d366}.action-btn--whatsapp:hover{background:#20bd5a;transform:translateY(-1px);box-shadow:0 4px 12px #25d3664d}.action-btn--copy{background:var(--bg-card);color:var(--text-secondary)}.action-btn--copy:hover{background:var(--bg-card-hover);border-color:var(--border-active);color:var(--accent)}.action-btn--copy.copied{background:var(--accent-glow);color:var(--accent);border-color:var(--accent)}.section-divider{align-items:center;gap:var(--space-4);margin:var(--space-10)0;display:flex}.section-divider:before,.section-divider:after{content:"";background:linear-gradient(90deg,transparent,var(--border),transparent);flex:1;height:1px}.section-divider__dot{background:var(--accent);opacity:.3;border-radius:50%;width:6px;height:6px}.email-section{margin-top:var(--space-8);text-align:center}.email-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--card-shadow,var(--shadow-sm));padding:var(--space-8);position:relative;overflow:hidden}.email-card:before{content:"";background:linear-gradient(90deg,transparent,var(--accent),transparent);height:2px;position:absolute;top:0;left:0;right:0}.email-card__title{font-size:var(--font-size-xl);color:var(--text-primary);margin-bottom:var(--space-2);font-weight:700}.email-card__subtitle{font-size:var(--font-size-sm);color:var(--text-muted);margin-bottom:var(--space-6)}.email-form{gap:var(--space-3);display:flex}.email-input{padding:var(--space-4);border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-secondary);color:var(--text-primary);font-family:var(--font-family);font-size:var(--font-size-base);transition:all var(--transition-base);outline:none;flex:1}.email-input::placeholder{color:var(--text-muted)}.email-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.email-submit{padding:var(--space-4)var(--space-6);border-radius:var(--radius-md);background:var(--accent);color:#fff;font-family:var(--font-family);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-base);white-space:nowrap;border:none;font-weight:700}.email-submit:hover{background:var(--accent-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.email-submit:disabled{opacity:.5;cursor:not-allowed;transform:none}.email-feedback{margin-top:var(--space-3);font-size:var(--font-size-sm);font-weight:500}.email-feedback--success{color:var(--success)}.email-feedback--error{color:var(--error)}.email-step{animation:slideUp var(--transition-slow)}.email-step__title{font-size:var(--font-size-base);color:var(--text-primary);margin-bottom:var(--space-4);font-weight:600}.discipline-chips{gap:var(--space-2);margin-bottom:var(--space-5);flex-wrap:wrap;justify-content:center;display:flex}.discipline-chip{padding:var(--space-2)var(--space-4);border-radius:var(--radius-full);border:1px solid var(--border);background:var(--bg-secondary);color:var(--text-secondary);font-family:var(--font-family);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-base);align-items:center;gap:var(--space-1);display:flex}.discipline-chip:hover{border-color:var(--border-active);background:var(--bg-card-hover)}.discipline-chip--active{background:var(--accent);color:#fff;border-color:var(--accent)}.email-step__actions{gap:var(--space-3);justify-content:center;display:flex}.email-step__skip{padding:var(--space-3)var(--space-5);border-radius:var(--radius-md);border:1px solid var(--border);color:var(--text-muted);font-family:var(--font-family);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-base);background:0 0}.email-step__skip:hover{color:var(--text-secondary);border-color:var(--border-active)}.ad-section{margin-top:var(--space-10)}.ad-container{background:var(--bg-secondary);border:1px dashed var(--border);border-radius:var(--radius-md);justify-content:center;align-items:center;min-height:100px;display:flex;overflow:hidden}.ad-container--active{background:0 0;border:none}.ad-placeholder{font-size:var(--font-size-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em}.footer{padding:var(--space-10)0 var(--space-8);text-align:center;border-top:1px solid var(--border);margin-top:var(--space-12);position:relative}.footer:before{content:"";background:var(--accent);border-radius:var(--radius-full);opacity:.3;width:40px;height:3px;position:absolute;top:-1px;left:50%;transform:translate(-50%)}.footer__tagline{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--space-2)}.footer__heart{color:var(--accent)}.footer__copyright{font-size:var(--font-size-xs);color:var(--text-muted)}.empty-state{text-align:center;padding:var(--space-8)var(--space-8)}.empty-state__icon{margin-bottom:var(--space-4);opacity:.5;font-size:3rem}.empty-state__title{font-size:var(--font-size-lg);color:var(--text-primary);margin-bottom:var(--space-2);font-weight:600}.empty-state__text{font-size:var(--font-size-sm);color:var(--text-muted)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}[data-theme=light] .content-card{box-shadow:0 2px 12px #0000000d,0 0 0 1px #00000008}[data-theme=light] .subject-btn{box-shadow:0 1px 4px #0000000a}[data-theme=light] .subject-btn:hover{box-shadow:0 4px 16px #00000014,0 0 20px #1a7a5c0f}[data-theme=light] .email-card{box-shadow:0 2px 12px #0000000d,0 0 0 1px #00000008}[data-theme=light] .header__logo-accent{background:linear-gradient(135deg,#1a7a5c,#2da882);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}[data-theme=light] .header__logo-accent:after{background:linear-gradient(90deg,#1a7a5c,#2da882)}[data-theme=light] .content-tab--active{background:linear-gradient(135deg,#1a7a5c,#1f9470);transform:scale(1.05);box-shadow:0 4px 12px #1a7a5c33}.like-bar{align-items:center;gap:var(--space-2);margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--border);display:flex}.like-btn{align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-4);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-base);font-family:var(--font-family);font-size:var(--font-size-sm);color:var(--text-secondary);display:flex}.like-btn:hover:not(:disabled){background:#e74c3c0f;border-color:#e74c3c;transform:scale(1.05)}.like-btn:disabled{cursor:default}.like-btn--liked{color:#e74c3c;background:#e74c3c0f;border-color:#e74c3c}.like-btn--animating .like-btn__icon{animation:.6s likeBounce}.like-btn__icon{font-size:1.1rem;line-height:1}.like-btn__count{font-weight:700;font-size:var(--font-size-sm);min-width:1ch}.like-btn__label{font-size:var(--font-size-xs);color:var(--text-muted)}.like-fire{font-size:1.2rem;animation:2s ease-in-out infinite pulseFireEmoji}@keyframes likeBounce{0%{transform:scale(1)}30%{transform:scale(1.5)}50%{transform:scale(.9)}70%{transform:scale(1.2)}to{transform:scale(1)}}@media (max-width:480px){.header__logo{font-size:3.5rem}.header__slogan{padding:var(--space-2);font-size:1.1rem}.header__slogan:before,.header__slogan:after{font-size:1rem;display:inline-block}.subject-grid{gap:var(--space-2);grid-template-columns:repeat(3,1fr)}.subject-btn{padding:var(--space-4)var(--space-2);min-height:100px}.subject-btn__emoji{font-size:2rem}.subject-btn__name{font-size:.7rem}.content-card{padding:var(--space-6)}.content-card__title{font-size:var(--font-size-xl)}.content-card__text{font-size:var(--font-size-base)}.content-card--frase .content-card__text{font-size:var(--font-size-xl)}.email-form,.actions{flex-direction:column}}@media (min-width:481px) and (max-width:768px){.subject-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:769px){.subject-grid{grid-template-columns:repeat(5,1fr)}.content-card{padding:var(--space-10)}}