.evolutions-page{min-height:calc(100vh - 140px)}.evolutions-hero{position:relative;padding:var(--spacing-3xl) var(--spacing-lg);background:linear-gradient(135deg,#003A22,#005432 50%,#006644);overflow:hidden}.evolutions-hero .hero-background{position:absolute;inset:0;overflow:hidden}.floating-shape{position:absolute;border-radius:50%;opacity:.05;animation:float 20s ease-in-out infinite}.shape-1{width:400px;height:400px;background:linear-gradient(135deg,#54CC54,transparent 70%);top:-100px;right:-100px;animation-delay:0s}.shape-2{width:300px;height:300px;background:linear-gradient(135deg,#CEF4C3,transparent 70%);bottom:-50px;left:10%;animation-delay:-7s}.shape-3{width:200px;height:200px;background:linear-gradient(135deg,#54CC54,transparent 70%);top:30%;left:50%;animation-delay:-14s}@keyframes float{0%,to{transform:translate(0) rotate(0deg)}25%{transform:translate(30px,-30px) rotate(5deg)}50%{transform:translate(-20px,20px) rotate(-5deg)}75%{transform:translate(20px,10px) rotate(3deg)}}.grid-overlay{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 0),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 0);background-size:50px 50px}.evolutions-hero .container{position:relative;z-index:1;max-width:1100px;margin:0 auto}.evolutions-hero .hero-content{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:var(--spacing-2xl);color:var(--color-white)}.hero-text{flex:1 1;min-width:0}.evolutions-hero h1{font-size:clamp(2.5rem,5vw,4rem);font-weight:var(--font-weight-bold);margin:0 0 var(--spacing-md) 0;letter-spacing:-.02em;color:var(--color-white)}.evolutions-hero .hero-subtitle{font-size:var(--font-size-lg);color:rgba(255,255,255,.95);line-height:1.6;margin:0}.evolutions-hero .hero-illustration{flex-shrink:0;position:relative;width:340px}.code-terminal{width:100%;background:rgba(0,20,10,.9);border-radius:12px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.4);border:1px solid rgba(84,204,84,.3);position:relative;z-index:1}.evolutions-hero .terminal-header{display:flex;align-items:center;gap:6px;padding:10px 14px;background:rgba(0,40,20,.8);border-bottom:1px solid rgba(84,204,84,.2)}.terminal-dot{width:10px;height:10px;border-radius:50%}.terminal-dot.red{background:#ff5f57}.terminal-dot.yellow{background:#ffbd2e}.terminal-dot.green{background:#28c840}.terminal-title{margin-left:auto;font-size:11px;color:rgba(255,255,255,.5)}.terminal-body,.terminal-title{font-family:Fira Code,monospace}.terminal-body{padding:16px;font-size:12px;line-height:1.8}.code-line{display:flex;align-items:center}.code-line.highlight{background:rgba(84,204,84,.1);margin:0 -16px;padding:2px 16px;border-left:2px solid #54cc54}.line-number{width:20px;color:rgba(255,255,255,.3);margin-right:12px;text-align:right;-webkit-user-select:none;-moz-user-select:none;user-select:none}.code-indent{width:16px;display:inline-block}.code-keyword{color:#c678dd}.code-var{color:#e5c07b}.code-operator{color:rgba(255,255,255,.7)}.code-brace{color:#56b6c2}.code-paren{color:#61afef}.code-property{color:#e06c75}.code-string{color:#98c379}.code-function{color:#61afef}.code-comment{color:rgba(255,255,255,.4)}.cursor{display:inline-block;width:8px;height:16px;background:#54CC54;margin-left:2px;animation:blink 1s step-end infinite}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.floating-symbols{position:absolute;top:-30px;left:-30px;right:-30px;bottom:-30px;pointer-events:none;z-index:0}.symbol{position:absolute;font-family:Fira Code,monospace;font-weight:700;color:rgba(84,204,84,.4)}.symbol-1{top:-10px;left:-15px;font-size:28px}.symbol-2{bottom:20px;right:-20px;font-size:32px}.symbol-3{top:40%;left:-25px;font-size:20px}.symbol-4{top:20px;right:-10px;font-size:18px}.symbol-5{bottom:-10px;left:30%;font-size:16px}.evolutions-page .section-header{text-align:center;margin-bottom:var(--spacing-3xl)}.evolutions-page .section-header h2{font-size:clamp(1.75rem,4vw,2.5rem);color:#003A22;margin:0 0 var(--spacing-sm) 0;font-weight:var(--font-weight-bold)}.evolutions-page .section-header p{color:var(--color-text-light);font-size:var(--font-size-lg);margin:0}.changelog-section{padding:var(--spacing-3xl) var(--spacing-lg);background:var(--color-white)}.changelog-section .container{max-width:800px;margin:0 auto}.timeline{position:relative}.timeline-item{display:flex;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.timeline-marker{display:flex;flex-direction:column;align-items:center;flex-shrink:0}.marker-dot{width:16px;height:16px;background:#003A22;border-radius:50%;border:3px solid var(--color-white);box-shadow:0 0 0 3px #003A22;z-index:1}.timeline-item.expanded .marker-dot{background:#54CC54;box-shadow:0 0 0 3px #54CC54;animation:dotPulse 1s ease-out}@keyframes dotPulse{0%{box-shadow:0 0 0 3px #54CC54}50%{box-shadow:0 0 0 8px rgba(84,204,84,.3)}to{box-shadow:0 0 0 3px #54CC54}}.marker-line{width:2px;flex:1 1;background:var(--color-border);margin-top:var(--spacing-sm)}.timeline-content{flex:1 1;background:var(--color-bg-light);border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--color-border);transition:all .3s ease}.timeline-item.expanded .timeline-content{border-color:#54CC54;box-shadow:0 4px 20px rgba(84,204,84,.15)}.timeline-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) var(--spacing-lg);cursor:pointer;transition:background .2s ease}.timeline-header:hover{background:rgba(84,204,84,.05)}.header-left{display:flex;align-items:center;gap:var(--spacing-sm)}.version-badge{font-family:Fira Code,monospace;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:#003A22;background:#CEF4C3;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm)}.type-badge{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:white;padding:2px var(--spacing-sm);border-radius:50px}.header-right{display:flex;align-items:center;gap:var(--spacing-md)}.date{font-size:var(--font-size-sm);color:var(--color-text-light)}.evolutions-page .expand-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-light);background:var(--color-white);border-radius:50%;transition:all .2s ease}.evolutions-page .timeline-item.expanded .expand-icon{background:#003A22;color:var(--color-white)}.timeline-body{padding:0 var(--spacing-lg) var(--spacing-lg)}.timeline-body h3{font-size:var(--font-size-lg);color:var(--color-text);margin:0 0 var(--spacing-sm) 0}.entry-description{color:var(--color-text-light);margin:0;line-height:1.6}.changes-list{margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--color-border)}.change-item{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-sm) 0}.change-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:white;border-radius:var(--radius-sm);flex-shrink:0}.change-text{font-size:var(--font-size-sm);color:var(--color-text);line-height:1.5}.roadmap-section{padding:var(--spacing-3xl) var(--spacing-lg);background:linear-gradient(180deg,var(--color-bg-light) 0,#f8fdf6 100%)}.roadmap-section .container{max-width:900px;margin:0 auto}.roadmap-timeline{position:relative;display:flex;flex-direction:column;gap:var(--spacing-3xl)}.roadmap-line{position:absolute;left:60px;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#54CC54,#CEF4C3 50%,transparent);border-radius:3px}.roadmap-item{display:flex;gap:var(--spacing-xl)}.roadmap-date-marker{display:flex;align-items:flex-start;gap:var(--spacing-md);flex-shrink:0;position:relative;z-index:1}.date-badge{width:70px;height:70px;background:linear-gradient(135deg,#003A22,#005432);border-radius:var(--radius-lg);display:flex;flex-direction:column;align-items:center;justify-content:center;color:white;box-shadow:0 4px 20px rgba(0,58,34,.3);position:relative}.roadmap-item.in-progress .date-badge{background:linear-gradient(135deg,#54CC54,#3db93d);box-shadow:0 4px 20px rgba(84,204,84,.4);animation:glowPulse 2s ease-in-out infinite}@keyframes glowPulse{0%,to{box-shadow:0 4px 20px rgba(84,204,84,.4)}50%{box-shadow:0 4px 30px rgba(84,204,84,.6),0 0 60px rgba(84,204,84,.2)}}.date-month{font-size:var(--font-size-xs);letter-spacing:.1em;line-height:1}.date-month,.date-year{font-weight:var(--font-weight-bold)}.date-year{font-size:var(--font-size-lg);line-height:1.2}.marker-line-h{width:30px;height:3px;background:linear-gradient(90deg,#54CC54,#CEF4C3);margin-top:33px;border-radius:3px}.roadmap-card{flex:1 1;background:var(--color-white);border-radius:var(--radius-xl);padding:var(--spacing-xl);border:1px solid var(--color-border);box-shadow:0 4px 20px rgba(0,0,0,.05);transition:all .3s ease}.roadmap-card:hover{border-color:#54CC54;box-shadow:0 8px 40px rgba(84,204,84,.15);transform:translateY(-4px)}.roadmap-item.in-progress .roadmap-card{border-color:#54CC54;background:linear-gradient(135deg,var(--color-white) 0,#f8fdf6 100%)}.roadmap-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.roadmap-icon{font-size:2rem;line-height:1}.roadmap-status{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-light);padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-bg-light);border-radius:50px}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--color-text-light)}.status-dot.pulsing{background:#54CC54;animation:statusPulse 1.5s ease-in-out infinite}@keyframes statusPulse{0%,to{box-shadow:0 0 0 0 rgba(84,204,84,.7)}50%{box-shadow:0 0 0 6px rgba(84,204,84,0)}}.roadmap-card h3{font-size:var(--font-size-xl);color:#003A22;margin:0 0 var(--spacing-sm) 0;font-weight:var(--font-weight-bold)}.roadmap-description{color:var(--color-text-light);margin:0 0 var(--spacing-lg) 0;line-height:1.6}.roadmap-highlights{list-style:none;padding:0;margin:0;display:grid;grid-gap:var(--spacing-sm);gap:var(--spacing-sm)}.roadmap-highlights li{display:flex;align-items:flex-start;gap:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-text);line-height:1.5}.highlight-check{width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:#CEF4C3;color:#003A22;border-radius:50%;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);flex-shrink:0;margin-top:1px}@media (max-width:768px){.evolutions-page{overflow-x:hidden;max-width:100vw}.evolutions-hero{padding:var(--spacing-2xl) var(--spacing-md)}.evolutions-hero .hero-content{flex-direction:column;text-align:center}.hero-text{max-width:100%;width:100%}.evolutions-hero .hero-subtitle,.evolutions-hero h1{word-wrap:break-word;overflow-wrap:break-word}.evolutions-hero .hero-illustration{display:none}.changelog-section,.roadmap-section{padding:var(--spacing-2xl) var(--spacing-md);overflow-x:hidden}.changelog-section .container,.roadmap-section .container{max-width:100%;width:100%}.timeline-item{gap:var(--spacing-md)}.timeline-content{max-width:100%;overflow-x:hidden}.timeline-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.entry-description,.timeline-body h3{word-wrap:break-word;overflow-wrap:break-word}.change-item{flex-direction:column;align-items:flex-start}.change-icon{margin-bottom:var(--spacing-xs)}.change-text{word-wrap:break-word;overflow-wrap:break-word;word-break:break-word;max-width:100%;font-size:var(--font-size-xs);line-height:1.6}.header-right{width:100%;justify-content:space-between}.roadmap-timeline{gap:var(--spacing-xl)}.roadmap-line{display:none}.roadmap-item{flex-direction:column;gap:0}.roadmap-date-marker{flex-direction:row;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-sm)}.date-badge{width:auto;height:auto;flex-direction:row;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);border-radius:50px}.date-month,.date-year{font-size:var(--font-size-sm)}.marker-line-h{display:none}.roadmap-card{padding:var(--spacing-lg);max-width:100%;overflow-x:hidden}.roadmap-card h3,.roadmap-description{word-wrap:break-word;overflow-wrap:break-word}.roadmap-card-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.roadmap-highlights li{font-size:var(--font-size-xs);word-wrap:break-word;overflow-wrap:break-word}}