fix: Corrige visibilidade timeline, padding grid, tema Liquid Glass universal

- Timeline: Anos agora visíveis à esquerda com destaque
- Grid: Padding aumentado, texto não será cortado
- Tema: Liquid Glass aplicado em stats e cards
- Responsivo: Timeline anos ficam inline no mobile

Author: Marcelo Macedo

style.css

@@ -644,47 +644,50 @@ section {
 /* Timeline */
 .timeline {
   position: relative;
-  margin-left: 12px;
-  padding-left: 24px;
+  margin-left: 100px;
+  padding-left: 40px;
 }
 .timeline::before {
   content: "";
   position: absolute;
   left: 0;
   top: 0;
   bottom: 0;
-  width: 2px;
-  background: linear-gradient(180deg, var(--accent), transparent);
-  opacity: 0.4;
+  width: 3px;
+  background: linear-gradient(180deg, var(--accent), rgba(0, 122, 255, 0.3));
+  border-radius: 2px;
 }
 .timeline-item {
   position: relative;
   margin-bottom: var(--spacing-xl);
 }
 .timeline-marker {
   position: absolute;
-  left: -12px;
-  top: 16px;
-  width: 14px;
-  height: 14px;
+  left: -40px;
+  top: 8px;
+  width: 16px;
+  height: 16px;
   border-radius: 50%;
-  background: var(--accent);
-  box-shadow: 0 0 0 5px rgba(0, 122, 255, 0.2);
-  border: 2px solid white;
+  background: white;
+  box-shadow: 0 0 0 6px rgba(0, 122, 255, 0.25);
+  border: 3px solid var(--accent);
   z-index: 2;
 }
 .timeline-year {
   position: absolute;
-  left: -80px;
-  top: 10px;
-  font-size: 1.1rem;
-  font-weight: 700;
+  left: -140px;
+  top: 6px;
+  font-size: 1.15rem;
+  font-weight: 800;
   color: var(--accent);
   background: var(--glass-bg);
-  padding: 0.35rem 0.75rem;
-  border-radius: 8px;
-  border: 1px solid rgba(0, 122, 255, 0.2);
-  backdrop-filter: blur(10px);
+  padding: 0.5rem 1rem;
+  border-radius: var(--radius-sm);
+  border: 2px solid var(--accent);
+  backdrop-filter: var(--glass-blur);
+  box-shadow: 0 4px 12px rgba(0, 122, 255, 0.15);
+  white-space: nowrap;
+  z-index: 3;
 }
 .timeline-content {
   padding: var(--spacing-lg) var(--spacing-md);
@@ -834,12 +837,14 @@ section {
 .about-stats-inline {
   display: grid;
   grid-template-columns: repeat(3, 1fr);
-  gap: 1.5rem;
+  gap: 2rem;
   margin-top: var(--spacing-lg);
-  padding: var(--spacing-md);
-  background: rgba(0, 122, 255, 0.05);
-  border-radius: var(--radius-sm);
-  border: 1px solid rgba(0, 122, 255, 0.1);
+  padding: var(--spacing-lg);
+  background: var(--glass-bg);
+  backdrop-filter: var(--glass-blur);
+  border-radius: var(--radius);
+  border: 1px solid var(--glass-border);
+  box-shadow: var(--glass-shadow);
 }
 
 .quick-stats {
@@ -851,32 +856,34 @@ section {
 .stat-item {
   display: flex;
   align-items: center;
-  gap: 1rem;
+  gap: 1.25rem;
   font-size: 0.9rem;
+  padding: 0.5rem;
 }
 .stat-item i {
   color: var(--accent);
-  font-size: 2rem;
+  font-size: 2.5rem;
   flex-shrink: 0;
 }
 .stat-content {
   display: flex;
   flex-direction: column;
   min-width: 0;
   flex: 1;
+  overflow: visible;
 }
 .stat-item h4 {
-  font-size: 1.5rem;
+  font-size: 1.75rem;
   color: var(--text);
   margin-bottom: 0.25rem;
-  font-weight: 700;
-  white-space: nowrap;
+  font-weight: 800;
+  line-height: 1;
 }
 .stat-item p {
   color: var(--text-muted);
-  font-size: 0.9rem;
+  font-size: 0.95rem;
   margin: 0;
-  white-space: nowrap;
+  line-height: 1.3;
 }
 .info-cards {
   display: grid;
@@ -887,14 +894,24 @@ section {
   display: flex;
   align-items: center;
   gap: 1rem;
-  padding: 1rem 1.25rem;
-  background: var(--glass);
+  padding: 1.25rem 1.5rem;
+  background: var(--glass-bg);
+  backdrop-filter: var(--glass-blur);
   border: 1px solid var(--glass-border);
-  border-radius: 12px;
+  border-radius: var(--radius-sm);
+  box-shadow: var(--glass-shadow);
+  transition: var(--transition);
 }
+
+.info-card:hover {
+  transform: translateY(-2px);
+  box-shadow: 0 16px 48px rgba(0, 122, 255, 0.15),
+              0 6px 20px rgba(0, 0, 0, 0.1);
+}
+
 .info-card i {
   color: var(--accent);
-  font-size: 1.35rem;
+  font-size: 1.5rem;
 }
 .info-card strong {
   display: block;