:root{--transition-speed:0.3s}body{background-color:#fff;color:#0f172a;overflow-x:hidden;transition:background-color var(--transition-speed) ease,color var(--transition-speed) ease}.reveal-up{opacity:0;transform:translateY(40px);transition:all 1.1s cubic-bezier(.16, 1, .3, 1)}.reveal-left{opacity:0;transform:translateX(-40px);transition:all 1.1s cubic-bezier(.16, 1, .3, 1)}.reveal-right{opacity:0;transform:translateX(40px);transition:all 1.1s cubic-bezier(.16, 1, .3, 1)}.reveal-scale{opacity:0;transform:scale(.9);transition:all 1.1s cubic-bezier(.16, 1, .3, 1)}.is-revealed{opacity:1;transform:translate(0) scale(1)}.delay-100{transition-delay:0.1s}.delay-200{transition-delay:0.2s}.delay-300{transition-delay:0.3s}.delay-400{transition-delay:0.4s}.delay-500{transition-delay:0.5s}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}100%{transform:translateY(0)}}.floating-element{animation:float 6s ease-in-out infinite}.floating-element-delayed{animation:float 6s ease-in-out infinite;animation-delay:2s}.tilt-wrapper{perspective:1000px}.tilt-card{transition:transform .15s ease-out,box-shadow .3s ease;transform-style:preserve-3d;will-change:transform}.play-btn-pulse{position:relative}.play-btn-pulse::after{content:'';position:absolute;width:100%;height:100%;top:0;left:0;border-radius:50%;background:rgba(123,192,67,.4);animation:pulse 2s infinite;z-index:-1}@keyframes pulse{0%{transform:scale(1);opacity:1}100%{transform:scale(2);opacity:0}}.parallax-bg{background-attachment:fixed;background-position:center;background-repeat:no-repeat;background-size:cover}.scrolly-transition{transition:all 1s cubic-bezier(.25, 1, .5, 1);will-change:transform,opacity,visibility}.glass-input{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.15);color:#fff;transition:all .3s ease}.glass-input:focus{background:rgba(255,255,255,.12);border-color:#7bc043;outline:0;box-shadow:0 0 12px rgba(123,192,67,.25)}.glass-input::placeholder{color:rgba(255,255,255,.45)}details>summary{list-style:none}details>summary::-webkit-details-marker{display:none}input[type=range]::-webkit-slider-thumb{appearance:none;width:20px;height:20px;border-radius:50%;background:#7bc043;cursor:pointer;box-shadow:0 0 8px rgba(123,192,67,.5);transition:transform .1s ease,background .1s ease}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2);background:#f4b41a;box-shadow:0 0 12px rgba(244,180,26,.7)}.conn-btn{background:0 0;border:1px solid rgba(15,23,42,.15);color:#475569;cursor:pointer}.dark .conn-btn{border-color:rgba(255,255,255,.15);color:rgba(255,255,255,.8)}.conn-btn:hover{background:rgba(123,192,67,.05)}.conn-btn.active{background:#7bc043;color:#fff;border-color:#7bc043;box-shadow:0 4px 12px rgba(123,192,67,.3)}.step-node{transition:all .5s cubic-bezier(.175, .885, .32, 1.275)}.step-node.active-step{border-color:#7bc043!important;color:#7bc043!important;background-color:#0b1424!important;box-shadow:0 0 25px rgba(123,192,67,.5);transform:scale(1.15)}.live-pulse{width:10px;height:10px;background-color:#7bc043;border-radius:50%;position:relative}.live-pulse::after{content:'';position:absolute;width:100%;height:100%;border-radius:50%;background-color:#7bc043;animation:live-pulse-wave 1.5s infinite}@keyframes live-pulse-wave{0%{transform:scale(1);opacity:1}100%{transform:scale(3.5);opacity:0}}@keyframes gradient-x{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}.animate-gradient-x{background-size:200% auto;animation:gradient-x 4s ease infinite}@keyframes shimmer{100%{transform:translateX(100%)}}.shimmer-effect{position:relative;overflow:hidden}.shimmer-effect::after{content:'';position:absolute;top:0;right:0;bottom:0;left:0;transform:translateX(-100%);background-image:linear-gradient(90deg,rgba(255,255,255,0) 0,rgba(255,255,255,.25) 20%,rgba(255,255,255,.5) 60%,rgba(255,255,255,0) 100%);animation:shimmer 1.5s infinite}