.tree-entrance-container{position:relative;width:100%;height:100%}@keyframes magicalEntrance1{0%{transform:translate(-100%,-100%) rotate(0) scale(.1);opacity:0;filter:brightness(0) blur(10px)}50%{transform:translate(-50%,-50%) rotate(360deg) scale(.5);opacity:.5;filter:brightness(.5) blur(5px)}to{transform:translate(0) rotate(720deg) scale(1);opacity:1;filter:brightness(1) blur(0)}}@keyframes magicalEntrance2{0%{transform:translate(100%,-100%) rotate(0) scale(.1);opacity:0;filter:brightness(0) blur(10px)}50%{transform:translate(50%,-50%) rotate(-360deg) scale(.5);opacity:.5;filter:brightness(.5) blur(5px)}to{transform:translate(0) rotate(-720deg) scale(1);opacity:1;filter:brightness(1) blur(0)}}@keyframes magicalEntrance3{0%{transform:translateY(100%) rotate(0) scale(.1);opacity:0;filter:brightness(0) blur(10px)}50%{transform:translateY(50%) rotate(360deg) scale(.5);opacity:.5;filter:brightness(.5) blur(5px)}to{transform:translate(0) rotate(720deg) scale(1);opacity:1;filter:brightness(1) blur(0)}}.tree-entrance{position:absolute;transform-origin:center;mix-blend-mode:screen;will-change:transform,opacity,filter;transition:all .5s cubic-bezier(.4,0,.2,1);opacity:.85!important}.tree-1{animation:magicalEntrance1 4s ease-in-out forwards;z-index:4;filter:saturate(2) contrast(1.3) brightness(1.2)}.tree-2{animation:magicalEntrance2 4s ease-in-out .5s forwards;z-index:3;filter:saturate(2) contrast(1.3) brightness(1.2)}.tree-3{animation:magicalEntrance3 4s ease-in-out 1s forwards;z-index:2;filter:saturate(2) contrast(1.3) brightness(1.2)}.blog-post-container{transform-style:preserve-3d;perspective:1500px;animation:blogPostEntrance 1.5s cubic-bezier(.4,0,.2,1) 3s forwards;text-decoration:none;border:1px solid rgba(52,211,153,.2);opacity:0;z-index:10;background:#00000040;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 15px 35px #0000004d;transform:translate(-20px) translateY(20px) rotateY(-15deg);width:280px}@keyframes blogPostEntrance{0%{transform:translateZ(-100px) rotateX(20deg) translateY(0) scale(.9);opacity:0}to{transform:translate(-20px) translateY(20px) rotateY(-15deg) scale(1);opacity:.95}}.blog-post-container:hover{transform:translate(-10px) translateY(15px) translateZ(50px) rotateY(-10deg) scale(1.02);transition:all .4s ease;box-shadow:25px 25px 70px #0006;border-color:#34d39966;background:#00000059}@keyframes headerLogoSpin{0%{transform:rotate(0) scale(.2);opacity:0}to{transform:rotate(720deg) scale(1);opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.tree-spiral-in{animation:spiralIn 3s cubic-bezier(.4,0,.2,1) forwards;transform-origin:center}.header-logo-spin{animation:headerLogoSpin 2s cubic-bezier(.4,0,.2,1) forwards}.nav-circle{position:absolute;width:600px;height:600px;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);opacity:0;transition:all .8s cubic-bezier(.4,0,.2,1);animation:fadeIn .8s ease 3s forwards;pointer-events:auto;z-index:10}.nav-item{position:absolute;width:120px;height:120px;border:2px solid rgba(52,211,153,.6);box-shadow:0 0 25px #34d39966;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .3s cubic-bezier(.4,0,.2,1);background:#0006;border-radius:50%;transform:translate(-50%,-50%);cursor:pointer}.nav-item:hover{border-color:#34d399;box-shadow:0 0 35px #34d39999;transform:translate(-50%,-50%) scale(1.1);background:#0009}.nav-item:focus{border-color:#34d399;box-shadow:0 0 35px #34d39999;transform:translate(-50%,-50%) scale(1.1);background:#0009;outline:none}.panel-base{position:absolute;z-index:20;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:1rem;padding:1.5rem;opacity:0;transition:all .5s cubic-bezier(.4,0,.2,1);border:1px solid rgba(52,211,153,.3);box-shadow:0 0 20px #34d39933;pointer-events:none}.panel-base.active{opacity:1;pointer-events:auto}.project-panel{composes:panel-base;right:8rem;top:50%;transform:translate(100%,-50%)}.project-panel.active{transform:translateY(-50%)}.h4ckz-panel{composes:panel-base;left:8rem;top:50%;transform:translate(-100%,-50%)}.h4ckz-panel.active{transform:translateY(-50%)}.panel-link{display:block;color:#fff;padding:.75rem;margin-bottom:.5rem;border-radius:.5rem;background:#34d3991a;transition:all .3s ease;text-decoration:none}.panel-link:hover{background:#34d39933;transform:translate(10px)}main{margin-left:2rem;margin-right:auto;max-width:none;padding-right:2rem}@keyframes defiFlash{0%{opacity:0;transform:scale(1.2);filter:brightness(2)}50%{opacity:.8;transform:scale(1);filter:brightness(1.5)}to{opacity:0;transform:scale(.8);filter:brightness(1)}}.defi-flash{position:fixed;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;z-index:25;opacity:0;pointer-events:none}.defi-flash.active{animation:defiFlash .8s cubic-bezier(.4,0,.2,1) forwards}.tree-image{position:fixed;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transform:scale(.95);transition:all .8s cubic-bezier(.4,0,.2,1);opacity:0;z-index:5}.tree-image.active{opacity:1;transform:scale(1)}.tree-image.fullscreen{opacity:1;transform:scale(1.05);z-index:15;filter:brightness(1.2) contrast(1.1)}.nav-item:nth-child(1){top:20%;left:50%}.nav-item:nth-child(2){top:50%;left:80%}.nav-item:nth-child(3){top:85%;left:50%}.nav-item:nth-child(4){top:50%;left:20%}.nav-section{position:absolute;width:150px;height:150px;display:flex;align-items:center;justify-content:center;text-align:center;opacity:1;transition:all .3s ease;text-shadow:0 0 10px rgba(255,255,255,.8);background:#000000b3;border-radius:50%;padding:1rem;transform:scale(.9);font-weight:700;letter-spacing:.5px}.nav-item:hover .nav-section{transform:scale(1);background:#000000d9;box-shadow:0 0 25px #34d39966;text-shadow:0 0 15px rgba(255,255,255,1)}.fullscreen-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;opacity:0;transition:opacity .5s ease;z-index:14;pointer-events:none}.fullscreen-overlay.active{opacity:1;pointer-events:auto}
