.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%,#064);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(hsla(0,0%,100%,.02) 1px,transparent 0),linear-gradient(90deg,hsla(0,0%,100%,.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)}.hero-subtitle{font-size:var(--font-size-lg);color:hsla(0,0%,100%,.95);line-height:1.6;margin:0}.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);animation:terminalFloat 4s ease-in-out infinite;position:relative;z-index:1}@keyframes terminalFloat{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-8px) rotate(1deg)}}.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:hsla(0,0%,100%,.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;opacity:0;animation:typeLine .5s ease-out forwards}.code-line.line-1{animation-delay:.2s}.code-line.line-2{animation-delay:.4s}.code-line.line-3{animation-delay:.6s}.code-line.line-4{animation-delay:.8s}.code-line.line-5{animation-delay:1s}.code-line.line-6{animation-delay:1.2s}@keyframes typeLine{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}.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:hsla(0,0%,100%,.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:hsla(0,0%,100%,.7)}.code-brace{color:#56b6c2}.code-paren{color:#61afef}.code-property{color:#e06c75}.code-string{color:#98c379}.code-function{color:#61afef}.code-comment{color:hsla(0,0%,100%,.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);animation:floatSymbol 6s ease-in-out infinite}.symbol-1{top:-10px;left:-15px;font-size:28px;animation-delay:0s}.symbol-2{bottom:20px;right:-20px;font-size:32px;animation-delay:1s}.symbol-3{top:40%;left:-25px;font-size:20px;animation-delay:2s}.symbol-4{top:20px;right:-10px;font-size:18px;animation-delay:3s}.symbol-5{bottom:-10px;left:30%;font-size:16px;animation-delay:4s}@keyframes floatSymbol{0%,to{transform:translateY(0) rotate(0deg);opacity:.4}50%{transform:translateY(-15px) rotate(10deg);opacity:.7}}.section-header{text-align:center;margin-bottom:var(--spacing-3xl)}.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)}.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);animation:slideUp .6s ease-out forwards;opacity:0;transform:translateY(20px)}@keyframes slideUp{to{opacity:1;transform:translateY(0)}}.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:#fff;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)}.date,.expand-icon{color:var(--color-text-light)}.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);background:var(--color-white);border-radius:50%;transition:all .2s ease}.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);animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.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:#fff;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);animation:slideUp .6s ease-out forwards;opacity:0;transform:translateY(30px)}.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:#fff;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 h1,.hero-subtitle{word-wrap:break-word;overflow-wrap:break-word}.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-line{left:35px}.date-badge{width:55px;height:55px}.date-month{font-size:10px}.date-year{font-size:var(--font-size-base)}.marker-line-h{width:20px;margin-top:26px}.roadmap-item{gap:var(--spacing-md)}.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}}