:root{--font-heading: "Lexend", -apple-system, BlinkMacSystemFont, sans-serif;--font-body: "Poppins", -apple-system, BlinkMacSystemFont, sans-serif;--text-primary: #1A1F2C;--text-secondary: #64748B;--bg-page: #F8F9FC}.filosofia-container{width:100%}.content-area{width:100%;max-width:1200px;margin:0 auto}.filosofia-header{text-align:center;margin-bottom:3rem}.badge{display:inline-block;font-family:var(--font-heading);font-size:.75rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-secondary);background:#e2e8f0;padding:.5rem 1.25rem;border-radius:99px;margin-bottom:1.5rem}.title{font-family:var(--font-heading);font-size:clamp(2.5rem,6vw,4rem);font-weight:700;letter-spacing:-.02em;line-height:1.1;margin:0 0 1rem;color:var(--text-primary)}.subtitle{font-family:var(--font-body);font-size:1.125rem;color:var(--text-secondary);margin:0 0 2.5rem}.topics-grid{display:flex;flex-direction:column;gap:1rem;margin-bottom:4rem}.topic-card{width:100%}.topic-card-inner{display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;gap:2rem}.topic-text{flex:1;min-width:0}.topic-actions{flex-shrink:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:.75rem;align-self:center}.topic-card{position:relative;background:#fff;border:1px solid #E2E8F0;border-radius:16px;padding:2.5rem;box-shadow:0 2px 8px #0000000a;transition:all .4s cubic-bezier(.4,0,.2,1);overflow:hidden}.topic-card-important{border:2px solid #FDE68A;background:linear-gradient(135deg,#fff,#fffbeb)}.importance-badge{display:inline-block;font-family:var(--font-body);font-size:.75rem;font-weight:600;color:#92400e;background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #FCD34D;padding:.375rem .875rem;border-radius:6px;margin-bottom:1rem;box-shadow:0 2px 4px #fbbf241a}.topic-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#7c3aed,#a855f7);transform:scaleX(0);transform-origin:left;transition:transform .4s ease}.topic-card-important:before{background:linear-gradient(90deg,#f59e0b,#eab308)}.topic-card:hover:before{transform:scaleX(1)}.topic-card:hover{transform:translateY(-8px);box-shadow:0 12px 32px #0000001f;border-color:#cbd5e1}.topic-card-important:hover{border-color:#fcd34d}.topic-title{font-family:var(--font-heading);font-size:1.75rem;font-weight:700;color:var(--text-primary);margin:0 0 1rem;line-height:1.3;background:linear-gradient(135deg,#1a1f2c,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;transition:all .3s ease}.topic-card-important .topic-title{background:linear-gradient(135deg,#1a1f2c,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.topic-card:hover .topic-title{background:linear-gradient(135deg,#7c3aed,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.topic-card-important:hover .topic-title{background:linear-gradient(135deg,#f59e0b,#eab308);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.topic-description{font-family:var(--font-body);font-size:1rem;color:#64748b;line-height:1.75;margin:0}.btn-topic{flex:0 1 auto;min-width:120px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-family:var(--font-body);font-size:.875rem;font-weight:600;padding:.75rem 1.25rem;border-radius:10px;transition:all .3s cubic-bezier(.4,0,.2,1);background:linear-gradient(135deg,#1a1f2c,#2a2f3c);color:#fff;position:relative;overflow:hidden;white-space:nowrap}.btn-topic:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.btn-topic:hover:before{left:100%}.btn-topic:hover{background:linear-gradient(135deg,#7c3aed,#a855f7);transform:translateY(-2px) scale(1.02);box-shadow:0 8px 20px #7c3aed4d}.topic-card-important .btn-topic:hover{background:linear-gradient(135deg,#f59e0b,#eab308);box-shadow:0 8px 20px #f59e0b4d}.btn-topic.btn-secondary{background:transparent;color:#1a1f2c;border:2px solid #E2E8F0;box-shadow:none}.btn-topic.btn-secondary:hover{background:#f8f9fc;border-color:#7c3aed;color:#7c3aed;box-shadow:0 4px 12px #7c3aed26}.topic-card-important .btn-topic.btn-secondary:hover{border-color:#f59e0b;color:#f59e0b;box-shadow:0 4px 12px #f59e0b26}@media(max-width:768px){.filosofia-header{margin-bottom:2rem}.badge{font-size:.7rem;padding:.4rem 1rem;margin-bottom:1rem}.title{font-size:clamp(2rem,8vw,2.5rem);margin-bottom:.75rem}.subtitle{font-size:1rem;margin-bottom:2rem}.topics-grid{gap:1.25rem;margin-bottom:2.5rem}.topic-card{padding:1.75rem;border-radius:12px}.importance-badge{font-size:.7rem;padding:.325rem .75rem;margin-bottom:.875rem}.topic-title{font-size:1.5rem;margin-bottom:.875rem}.topic-description{font-size:.95rem;line-height:1.65}}@media(max-width:640px){.topic-card-inner{flex-direction:column;gap:1.25rem}.topic-actions{align-self:stretch;align-items:stretch;flex-direction:column;gap:.625rem}.btn-topic{font-size:.8rem;padding:.65rem 1rem;width:100%}}@media(max-width:480px){.topic-card{padding:1.5rem}.importance-badge{font-size:.675rem;padding:.3rem .7rem}.topic-title{font-size:1.35rem}.topic-description{font-size:.9rem}.btn-topic{font-size:.75rem;padding:.6rem .875rem;width:100%}}html[data-theme=dark] .subject-card,html[data-theme=darker] .subject-card,html[data-theme=dark] .exam-card,html[data-theme=darker] .exam-card,html[data-theme=dark] .contact-card,html[data-theme=darker] .contact-card,html[data-theme=dark] .topic-card,html[data-theme=darker] .topic-card{background:#1e2433;border-color:#2d3748}html[data-theme=darker] .subject-card,html[data-theme=darker] .exam-card,html[data-theme=darker] .contact-card,html[data-theme=darker] .topic-card{background:#0a0c10;border-color:#161c2a}html[data-theme=dark] .card-title,html[data-theme=darker] .card-title,html[data-theme=dark] .hero-title,html[data-theme=darker] .hero-title,html[data-theme=dark] .title,html[data-theme=darker] .title{color:#e2e8f0}html[data-theme=darker] .card-title,html[data-theme=darker] .hero-title,html[data-theme=darker] .title{color:#cdd6e8}html[data-theme=dark] .topic-title,html[data-theme=darker] .topic-title{background:linear-gradient(135deg,#f8fafc,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent}html[data-theme=dark] .card-description,html[data-theme=darker] .card-description,html[data-theme=dark] .hero-description,html[data-theme=darker] .hero-description,html[data-theme=dark] .subtitle,html[data-theme=darker] .subtitle,html[data-theme=dark] .topic-description,html[data-theme=darker] .topic-description{color:#94a3b8}html[data-theme=darker] .card-description,html[data-theme=darker] .hero-description,html[data-theme=darker] .subtitle,html[data-theme=darker] .topic-description{color:#6b7a9a}html[data-theme=dark] .hero-badge,html[data-theme=darker] .hero-badge,html[data-theme=dark] .badge,html[data-theme=darker] .badge{background:#2d3748;color:#e2e8f0}html[data-theme=dark] .hero-alert,html[data-theme=darker] .hero-alert,html[data-theme=dark] .notice,html[data-theme=darker] .notice{background:linear-gradient(135deg,#ffffff0d,#ffffff1a);border-color:#ffffff26;box-shadow:0 4px 12px #0003}html[data-theme=dark] .notice-text,html[data-theme=darker] .notice-text{color:#e2e8f0}html[data-theme=dark] .card-link,html[data-theme=darker] .card-link,html[data-theme=dark] .btn-topic,html[data-theme=darker] .btn-topic{color:#e2e8f0;border-top-color:#2d3748}html[data-theme=darker] .card-link,html[data-theme=darker] .btn-topic{color:#cdd6e8;border-top-color:#161c2a}html[data-theme=dark] .topic-card-important{background:linear-gradient(135deg,#1e2433,#302410);border-color:#b45309}html[data-theme=darker] .topic-card-important{background:linear-gradient(135deg,#0a0c10,#1f1406);border-color:#92400e}html[data-theme=dark] .importance-badge,html[data-theme=darker] .importance-badge{background:linear-gradient(135deg,#78350f,#92400e);border-color:#b45309;color:#fde68a}html[data-theme=dark] .topic-card-important .topic-title,html[data-theme=darker] .topic-card-important .topic-title{background:linear-gradient(135deg,#f8fafc,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent}