header,html{width:100%}body{font-family:Montserrat,sans-serif}html{scroll-behavior:smooth}.animate-on-scroll{opacity:0;transform:translateY(20px);transition:opacity .5s ease-out,transform .5s ease-out}#defiChart.chart-visible,.animate-on-scroll.visible{opacity:1;transform:translateY(0)}@keyframes floatRandom{0%,100%{transform:translateY(0)}50%{transform:translateY(-20px)}}.coin{animation:4s ease-in-out infinite floatRandom}header{backdrop-filter:blur(40px);transition:background .5s,box-shadow .5s,transform .3s ease-in-out;padding:1rem 2rem}header.scrolled{background-color:rgba(255,255,255,.2)}header.scroll-down{transform:translateY(-100%)}header.scroll-up{transform:translateY(0)}header nav a{transition:color .3s,letter-spacing .3s}header nav a:hover{color:#4f46e5;letter-spacing:2px}.header-container{max-width:1600px;margin:0 auto;display:flex;justify-content:space-between}.btn-hover{transition:transform .3s,background-color .3s,box-shadow .3s}.btn-hover:hover{transform:translateY(-3px);background-color:#e2e8f0;box-shadow:0 4px 10px rgba(0,0,0,.15)}#mobile-menu{transition:max-height .5s,opacity .5s,padding .5s;overflow:hidden}#mobile-menu.hidden{max-height:0;opacity:0;padding:0 1rem}#mobile-menu:not(.hidden){max-height:500px;opacity:1;padding:1rem;z-index:5}.coin-dropdown{position:relative;display:inline-block;margin-bottom:1rem}.coin-dropdown button{padding:.6rem;border:2px solid #ccc;border-radius:9999px;background-color:transparent;color:#333;font-weight:600;transition:.3s;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;overflow:visible}.coin-dropdown button.active,.coin-dropdown button:hover{border-color:#4f46e5;background-color:#eef2ff;color:#4f46e5}.coin-dropdown svg{width:22px;height:25px;transition:transform .3s}.coin-dropdown.open button svg{transform:rotate(180deg)}.coin-dropdown-menu{position:absolute;top:110%;left:0;right:0;background:#fff;border:1px solid #ccc;border-radius:.5rem;box-shadow:0 4px 10px rgba(0,0,0,.1);padding:.5rem 0;display:none;z-index:10}.coin-dropdown-menu button{width:100%;padding:.5rem 1rem;border:none;background:0 0;text-align:left;cursor:pointer;transition:background .2s}.coin-dropdown-menu button:hover{background:#eef2ff}.timeline{position:relative;padding:2rem 0}.timeline::before{content:"";position:absolute;left:50%;top:0;transform:translateX(-50%);width:2px;height:100%;background:#e2e8f0}.timeline-item{position:relative;width:50%;padding:1rem 2rem;transition:transform .3s}.timeline-item:nth-child(odd){left:0;text-align:right}.timeline-item:nth-child(2n){left:50%;text-align:left}.timeline-item::before{content:"";position:absolute;top:1rem;width:12px;height:12px;background:#6366f1;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 3px #e2e8f0}.timeline-item:nth-child(odd)::before{right:-6px}.timeline-item:nth-child(2n)::before{left:-6px}.timeline-item:hover{transform:translateY(-5px)}@keyframes slideInLeft{from{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}#build-guide .build-card,#features .feature-card{opacity:0}#features .feature-card.animate-in{animation:.6s ease-out forwards slideInLeft}#features .feature-card:first-child{animation-delay:.2s}#features .feature-card:nth-child(2){animation-delay:.4s}#build-guide .build-card:nth-child(2),#features .feature-card:nth-child(3){animation-delay:.6s}#features .feature-card:nth-child(4){animation-delay:.8s}#features .feature-card:nth-child(5){animation-delay:1s}#features .feature-card:nth-child(6){animation-delay:1.2s}@keyframes fadeInUp{from{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}#build-guide .build-card.animate-in{animation:1s ease-out forwards fadeInUp}#build-guide .build-card:first-child{animation-delay:.3s}#build-guide .build-card:nth-child(3){animation-delay:.9s}.code-block,pre{color:#cbd5e1;border-radius:.5rem}.code-block{background:#2d2d2d;padding:1rem;overflow-x:auto;font-family:Courier New,Courier,monospace;font-size:.875rem;line-height:1.5}.cmd-comment{color:#6a9955}.build-card{display:flex;flex-direction:column}.build-card pre{flex-grow:1}.parallax-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(45deg,#4f46e5,#9333ea,#2563eb);background-size:400% 400%;animation:15s infinite gradientAnimation;z-index:-1}@keyframes gradientAnimation{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}#defiChart{opacity:0;transform:translateY(50px);transition:opacity 1s ease-out,transform 1s ease-out;min-height:300px;max-height:300px}pre{background:#202941;padding:.7rem;white-space:pre-wrap;overflow-wrap:break-word}