html,body{background-color:#020617;width:100%;height:100%;margin:0;padding:0;overflow-x:hidden}#root{margin:0;padding:0}@keyframes fadeInUp{0%{opacity:0;filter:blur(5px);transform:translateY(10px)}to{opacity:1;filter:blur();transform:translateY(0)}}@keyframes revealSteps{0%{left:0%}to{left:100%}}@keyframes cursorBlink{0%{border-color:var(--primary)}50%{border-color:#0000}to{border-color:var(--primary)}}@keyframes reveal{0%{transform:translate(0)}to{transform:translate(100%)}}@keyframes mechanicalSlide{0%{opacity:0;filter:blur(10px);transform:translate(-50px)scale(.95)}to{opacity:1;filter:blur();transform:translate(0)scale(1)}}.project-grid-item{opacity:0;animation:.8s cubic-bezier(.05,.7,.1,1) forwards mechanicalSlide}@keyframes focusZoom{0%{opacity:.5;transform:scale(.9)}50%{opacity:1;transform:scale(1.05)}to{opacity:.5;transform:scale(.9)}}.scroll-zoom-logic{view-timeline-name:--item-visible;view-timeline-axis:block;animation:linear both focusZoom;animation-timeline:--item-visible;animation-range:entry cover}html{scroll-behavior:smooth}.project-card-container{opacity:0;filter:blur(4px);transition:all .8s cubic-bezier(.16,1,.3,1);transform:translate(-50px)scale(.9)}.project-card-container.is-visible{opacity:1;filter:blur();transform:translate(0)scale(1)}.project-card-container.is-visible:hover{z-index:10;transform:scale(1.05)}.electric-btn{color:#0ea5e9;cursor:pointer;background:#000;border:1px solid #0ea5e9;border-radius:8px;padding:12px 24px;transition:all .3s;position:relative;overflow:visible}.bolt{pointer-events:none;opacity:0;filter:url(#electric-noise);border:2px solid #7dd3fc;border-radius:8px;position:absolute;inset:-2px}.electric-btn:hover .bolt{opacity:1;box-shadow:0 0 15px #0ea5e9,inset 0 0 10px #0ea5e9}.electric-btn:active{transform:scale(.98)}li::marker{color:#9cd3ed;font-size:1.7rem}.skill-item:hover{color:#fff;transition:all .2s;transform:translate(4px)}