.droid-landing{font-family:Work Sans,sans-serif}.hero-animate{opacity:0;animation:fadeInUp .8s ease-out forwards;animation-delay:var(--delay);will-change:opacity,transform}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUpCentered{0%{opacity:0;transform:translate(-50%,30px)}to{opacity:1;transform:translate(-50%)}}.scroll-animate{opacity:0!important;transform:translateY(30px)!important;transition:opacity .8s ease-out,transform .8s ease-out!important;will-change:opacity,transform}.scroll-animate.is-visible{opacity:1!important;transform:translateY(0)!important}.grid-bg{background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:50px 50px}.theme-android-material .grid-bg{background-image:linear-gradient(rgba(249,115,22,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(249,115,22,.05) 1px,transparent 1px)}.theme-cyber-glitch .glitch-wrapper{position:relative;animation:glitch 3s infinite}.theme-cyber-glitch .glitch-wrapper:before,.theme-cyber-glitch .glitch-wrapper:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%}.theme-cyber-glitch .glitch-wrapper:before{left:2px;text-shadow:-2px 0 #ff00c1;clip:rect(44px,450px,56px,0);animation:glitch-anim 5s infinite linear alternate-reverse}.theme-cyber-glitch .glitch-wrapper:after{left:-2px;text-shadow:-2px 0 #00fff9;clip:rect(44px,450px,56px,0);animation:glitch-anim2 5s infinite linear alternate-reverse}@keyframes glitch{2%,64%{transform:translate(2px) skew(0)}4%,60%{transform:translate(-2px) skew(0)}62%{transform:translate(0) skew(5deg)}}@keyframes glitch-anim{0%{clip:rect(31px,9999px,94px,0)}5%{clip:rect(70px,9999px,11px,0)}10%{clip:rect(26px,9999px,94px,0)}15%{clip:rect(93px,9999px,17px,0)}20%{clip:rect(54px,9999px,49px,0)}25%{clip:rect(12px,9999px,63px,0)}30%{clip:rect(87px,9999px,35px,0)}35%{clip:rect(41px,9999px,78px,0)}40%{clip:rect(6px,9999px,22px,0)}45%{clip:rect(69px,9999px,51px,0)}50%{clip:rect(18px,9999px,82px,0)}55%{clip:rect(83px,9999px,29px,0)}60%{clip:rect(37px,9999px,65px,0)}65%{clip:rect(72px,9999px,14px,0)}70%{clip:rect(9px,9999px,96px,0)}75%{clip:rect(58px,9999px,43px,0)}80%{clip:rect(24px,9999px,77px,0)}85%{clip:rect(81px,9999px,38px,0)}90%{clip:rect(15px,9999px,59px,0)}95%{clip:rect(66px,9999px,27px,0)}to{clip:rect(45px,9999px,88px,0)}}@keyframes glitch-anim2{0%{clip:rect(65px,9999px,99px,0)}5%{clip:rect(28px,9999px,42px,0)}10%{clip:rect(79px,9999px,15px,0)}15%{clip:rect(36px,9999px,73px,0)}20%{clip:rect(54px,9999px,87px,0)}25%{clip:rect(11px,9999px,31px,0)}30%{clip:rect(68px,9999px,58px,0)}35%{clip:rect(89px,9999px,24px,0)}40%{clip:rect(43px,9999px,76px,0)}45%{clip:rect(7px,9999px,52px,0)}50%{clip:rect(72px,9999px,19px,0)}55%{clip:rect(34px,9999px,85px,0)}60%{clip:rect(91px,9999px,48px,0)}65%{clip:rect(22px,9999px,66px,0)}70%{clip:rect(57px,9999px,13px,0)}75%{clip:rect(84px,9999px,39px,0)}80%{clip:rect(16px,9999px,71px,0)}85%{clip:rect(63px,9999px,94px,0)}90%{clip:rect(29px,9999px,57px,0)}95%{clip:rect(78px,9999px,26px,0)}to{clip:rect(51px,9999px,82px,0)}}.progress-bar{animation:progressFill 2s ease-out forwards}.theme-cyber-glitch .progress-bar{background:linear-gradient(90deg,#22d3ee,#06b6d4)}.theme-android-material .progress-bar{background:linear-gradient(90deg,#f97316,#ea580c)}.theme-holographic .progress-bar{background:linear-gradient(90deg,#a855f7,#ec4899)}@keyframes progressFill{0%{width:0}}.grid-pattern{background-image:radial-gradient(circle,currentColor 1px,transparent 1px);background-size:20px 20px}.project-pattern{background-image:linear-gradient(45deg,currentColor 25%,transparent 25%),linear-gradient(-45deg,currentColor 25%,transparent 25%),linear-gradient(45deg,transparent 75%,currentColor 75%),linear-gradient(-45deg,transparent 75%,currentColor 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0px}.theme-android-material .skill-card:hover,.theme-android-material .project-card:hover{box-shadow:0 10px 40px #f9731633}.theme-holographic .skill-card:hover,.theme-holographic .project-card:hover{box-shadow:0 0 40px #a855f733}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.status-dot{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.theme-cyber-glitch .status-dot{background:#22d3ee;box-shadow:0 0 10px #22d3ee}.theme-android-material .status-dot{background:#f97316;box-shadow:0 0 10px #f97316}.theme-holographic .status-dot{background:#a855f7;box-shadow:0 0 10px #a855f7}.footer-link{position:relative}.footer-link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1px;background:currentColor;transition:width .3s ease}.footer-link:hover:after{width:100%}.droid-avatar{animation:float 6s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}*{transition-property:color,background-color,border-color;transition-timing-function:ease-out;transition-duration:.2s}.droid-landing[class*=theme-] *{transition:inherit}.will-change-transform{will-change:transform}@media (prefers-reduced-motion: reduce){.will-change-transform{will-change:auto}.grid-bg,.droid-avatar,.particle{transition:none!important}}@media (max-width: 768px){.grid-bg{transform:translateZ(0)!important}}html{scroll-behavior:smooth}body{overflow-x:hidden}
