@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&family=Roboto:wght@400;500;700&family=Playfair+Display:wght@400;500;600;700&family=Fira+Code:wght@400;500;600;700&display=swap";:root{--bg-color: #f3f4f6;--text-main: #111827;--text-secondary: #4b5563;--primary-color: #059669;--primary-gradient: linear-gradient(135deg, #059669 0%, #047857 100%);--card-bg: #ffffff;--nav-bg: rgba(255, 255, 255, .96);--border-color: rgba(15, 23, 42, .08);--shadow: 0 4px 6px -1px rgba(15, 23, 42, .08);--shadow-lg: 0 18px 45px -12px rgba(15, 23, 42, .28);--shadow-colored: 0 10px 30px rgba(34, 197, 94, .18);--accent-color: #22c55e;--accent-gradient: linear-gradient(135deg, #22c55e 0%, #16a34a 100%);--hover-bg: rgba(5, 150, 105, .08);--glow-color: rgba(34, 197, 94, .22);--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem}body.dark-mode{--bg-color: #0a0c10;--text-main: #f5f7fa;--text-secondary: #d0d8e4;--text-muted: #9ca3af;--primary-color: #60a5fa;--primary-gradient: linear-gradient(135deg, #60a5fa 0%, #3b82f6 100%);--card-bg: #14171e;--nav-bg: rgba(10, 12, 16, .95);--border-color: rgba(255, 255, 255, .12);--shadow: 0 2px 4px rgba(0, 0, 0, .3);--shadow-lg: 0 4px 8px rgba(0, 0, 0, .4);--shadow-colored: 0 2px 8px rgba(96, 165, 250, .3);--accent-color: #38bdf8;--accent-hover: #0ea5e9;--hover-bg: rgba(96, 165, 250, .1);--glow-color: rgba(96, 165, 250, .2)}html{overflow-x:hidden;max-width:100vw;scroll-padding-top:120px}body{margin:0;padding:0;font-family:Roboto,sans-serif;background-color:var(--bg-color);color:var(--text-main);font-size:var(--font-size-base);transition:background-color .3s ease,color .3s ease;-webkit-font-smoothing:antialiased;position:relative;overflow-x:hidden;max-width:100vw;width:100%}body.dark-mode{background:#0a0c10;background-attachment:fixed}body.dark-mode:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 50% 30%,rgba(255,255,255,.08) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(255,255,255,.05) 0%,transparent 45%);pointer-events:none;z-index:0}h1,h2,h3,h4,h5,h6{font-family:Poppins,sans-serif;font-weight:700;color:var(--text-main)}h1{font-size:var(--font-size-5xl)}h2{font-size:var(--font-size-4xl)}h3{font-size:var(--font-size-2xl)}body.dark-mode h1,body.dark-mode h2,body.dark-mode h3,body.dark-mode h4,body.dark-mode h5,body.dark-mode h6{color:#f0f4f8}p{font-size:var(--font-size-base);color:var(--text-secondary);line-height:1.6}header{position:fixed;top:0;left:0;width:100%;z-index:1000}.header-list{margin:15px 20px}.div-list{display:flex;align-items:center;justify-content:center;padding:20px 0}.ul-list{list-style:none;display:flex;gap:2rem;background:#ffffffb3;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #0000001a;padding:12px 30px;border-radius:50px;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;z-index:1}body.dark-mode .ul-list{background:#161b22f2;border:1px solid rgba(48,54,61,.5);box-shadow:0 8px 32px #0006}.ul-list:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 4px 8px #00000026;border-color:#0596694d;background:#ffffffd9}body.dark-mode .ul-list:hover{background:#1c2128fa;border-color:#60a5fa66;box-shadow:0 4px 8px #0003}.ul-list li{display:flex;align-items:center;gap:6px;border-radius:25px;transition:all .3s ease;position:relative;z-index:2}.ul-list li a{font-family:Roboto,sans-serif;text-decoration:none;color:var(--text-main);transition:color .3s ease;font-size:var(--font-size-sm);font-weight:500}.ul-list li:not(.active):not(.theme-toggle-nav):hover{background-color:var(--hover-bg)}.ul-list li.active{background:var(--primary-color);padding:10px 15px;box-shadow:0 2px 4px #0000001a}body.dark-mode .ul-list li.active{background:#60a5fa;box-shadow:0 2px 4px #0003}.ul-list li.active a,.ul-list li.active i{color:#fff}.theme-toggle-nav{margin-left:.5rem}.theme-toggle-btn{background:var(--card-bg);border:1px solid var(--border-color);color:var(--text-main);width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;box-shadow:var(--shadow);position:relative;z-index:3}.theme-toggle-btn:hover{transform:scale(1.1) rotate(15deg);background:var(--primary-color);color:#fff;box-shadow:0 4px 12px #474af066}.home{margin:160px auto;max-width:1200px;padding:0 50px;text-align:center}.home-pill-row{display:flex;justify-content:center;margin-top:125px;margin-bottom:20px}.home-container{display:flex;gap:6rem;justify-content:center;align-items:center}.hero-3d-wrapper{position:relative;z-index:1;width:680px;height:680px;flex-shrink:0;display:flex;align-items:center;justify-content:center;perspective:1200px}@media(max-width:1024px){.hero-3d-wrapper{width:480px;height:480px}}.tech-cube-canvas{width:680px;height:680px;display:block;border-radius:8px;overflow:visible;position:relative}.tech-cube-canvas:after{content:"";position:absolute;bottom:-20px;left:50%;transform:translate(-50%);width:400px;height:120px;background:radial-gradient(ellipse at center,rgba(0,0,0,.18) 0%,rgba(0,0,0,.12) 35%,rgba(0,0,0,.06) 60%,transparent 100%);filter:blur(20px);z-index:-1;pointer-events:none;transition:transform .3s ease,opacity .3s ease,width .3s ease,height .3s ease;will-change:transform,opacity}body.dark-mode .tech-cube-canvas:after{background:radial-gradient(ellipse at center,rgba(0,0,0,.4) 0%,rgba(0,0,0,.25) 35%,rgba(0,0,0,.12) 60%,transparent 100%)}.tech-cube-canvas:hover:after{width:420px;height:130px;opacity:.95;transform:translate(-50%) translateY(3px)}@media(max-width:1024px){.tech-cube-canvas{width:480px;height:480px}.tech-cube-canvas:after{width:280px;height:85px;bottom:-15px}.tech-cube-canvas:hover:after{width:300px;height:95px}}.rubiks-cubelet{position:absolute;box-sizing:border-box;width:76px;height:76px;transform-style:preserve-3d;transform:translate3d(calc((var(--x) * 80px)),calc((var(--y) * 80px)),calc((var(--z) * 80px)))}@media(max-width:1024px){.rubiks-cubelet{width:64px;height:64px;transform:translate3d(calc((var(--x) * 66px)),calc((var(--y) * 66px)),calc((var(--z) * 66px)))}}.rubiks-face{position:absolute;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#fffffff2;border:2px solid rgba(5,150,105,.4);box-shadow:0 0 8px #0596694d;overflow:hidden;border-radius:8px}.rubiks-front{transform:rotateY(0) translateZ(38px)}.rubiks-back{transform:rotateY(180deg) translateZ(38px)}.rubiks-right{transform:rotateY(90deg) translateZ(38px)}.rubiks-left{transform:rotateY(-90deg) translateZ(38px)}.rubiks-top{transform:rotateX(90deg) translateZ(38px)}.rubiks-bottom{transform:rotateX(-90deg) translateZ(38px)}@media(max-width:1024px){.rubiks-front{transform:rotateY(0) translateZ(32px)}.rubiks-back{transform:rotateY(180deg) translateZ(32px)}.rubiks-right{transform:rotateY(90deg) translateZ(32px)}.rubiks-left{transform:rotateY(-90deg) translateZ(32px)}.rubiks-top{transform:rotateX(90deg) translateZ(32px)}.rubiks-bottom{transform:rotateX(-90deg) translateZ(32px)}}.rubiks-inner{background:#f0f0fae6;border-color:#0596694d}.rubiks-logo{width:72%;height:72%;background-repeat:no-repeat;background-position:center;background-size:contain;border-radius:8px;box-shadow:0 0 12px #0f172ae6}.rubiks-logo.js{background-image:url(https://cdn.jsdelivr.net/gh/devicons/devicon/icons/javascript/javascript-original.svg);filter:drop-shadow(0 0 10px rgba(250,204,21,.9))}.rubiks-logo.ts{background-image:url(https://cdn.jsdelivr.net/gh/devicons/devicon/icons/typescript/typescript-original.svg);filter:drop-shadow(0 0 10px rgba(37,99,235,.9))}.rubiks-logo.python{background-image:url(https://cdn.jsdelivr.net/gh/devicons/devicon/icons/python/python-original.svg);filter:drop-shadow(0 0 10px rgba(55,118,171,.9))}.rubiks-logo.react{background-image:url(https://cdn.jsdelivr.net/gh/devicons/devicon/icons/react/react-original.svg);filter:drop-shadow(0 0 10px rgba(103,232,249,.9))}.rubiks-logo.angular{background-image:url(https://cdn.jsdelivr.net/gh/devicons/devicon/icons/angularjs/angularjs-original.svg);filter:drop-shadow(0 0 10px rgba(221,27,27,.9))}.rubiks-logo.node{background-image:url(https://cdn.jsdelivr.net/gh/devicons/devicon/icons/nodejs/nodejs-original.svg);filter:drop-shadow(0 0 10px rgba(74,222,128,.9))}@keyframes rubiks-shuffle{0%{transform:rotateX(-20deg) rotateY(-25deg)}16.66%{transform:rotateX(-20deg) rotateY(25deg)}33.33%{transform:rotateX(20deg) rotateY(25deg)}50%{transform:rotateX(20deg) rotateY(-25deg)}66.66%{transform:rotateX(-20deg) rotateY(-25deg)}83.33%{transform:rotateX(-20deg) rotateY(25deg)}to{transform:rotateX(-20deg) rotateY(-25deg)}}.layer-y-0{animation:shuffle-layer-y-0 16s ease-in-out infinite}.layer-y-2{animation:shuffle-layer-y-2 16s ease-in-out infinite}.layer-x-0{animation:shuffle-layer-x-0 16s ease-in-out infinite}.layer-x-2{animation:shuffle-layer-x-2 16s ease-in-out infinite}.layer-z-0{animation:shuffle-layer-z-0 16s ease-in-out infinite}.layer-z-2{animation:shuffle-layer-z-2 16s ease-in-out infinite}@keyframes shuffle-layer-y-0{0%,to{transform:translate3d(calc((var(--x) * 80px)),calc((var(--y) * 80px)),calc((var(--z) * 80px))) rotateX(0)}8.33%{transform:translate3d(calc((var(--x) * 80px)),calc((var(--y) * 80px)),calc((var(--z) * 80px))) rotateX(90deg)}16.66%{transform:translate3d(calc((var(--x) * 80px)),calc((var(--y) * 80px)),calc((var(--z) * 80px))) rotateX(0)}25%{transform:translate3d(calc((var(--x) * 80px)),calc((var(--y) * 80px)),calc((var(--z) * 80px))) rotateX(-90deg)}33.33%{transform:translate3d(calc((var(--x) * 80px)),calc((var(--y) * 80px)),calc((var(--z) * 80px))) rotateX(0)}}@keyframes shuffle-layer-y-2{0%,to{transform:translate3d(calc((var(--x) * 80px)),calc((var(--y) * 80px)),calc((var(--z) * 80px))) rotateX(0)}16.66%{transform:translate3d(calc((var(--x) * 80px)),calc((var(--y) * 80px)),calc((var(--z) * 80px))) rotateX(-90deg)}33.33%{transform:translate3d(calc((var(--x) * 80px)),calc((var(--y) * 80px)),calc((var(--z) * 80px))) rotateX(0)}50%{transform:translate3d(calc((var(--x) * 80px)),calc((var(--y) * 80px)),calc((var(--z) * 80px))) rotateX(90deg)}66.66%{transform:translate3d(calc((var(--x) * 80px)),calc((var(--y) * 80px)),calc((var(--z) * 80px))) rotateX(0)}}@keyframes shuffle-layer-x-0{0%,to{transform:translate3d(calc((var(--x) * 80px)),calc((var(--y) * 80px)),calc((var(--z) * 80px))) rotateY(0)}25%{transform:translate3d(calc((var(--x) * 80px)),calc((var(--y) * 80px)),calc((var(--z) * 80px))) rotateY(-90deg)}50%{transform:translate3d(calc((var(--x) * 80px)),calc((var(--y) * 80px)),calc((var(--z) * 80px))) rotateY(0)}75%{transform:translate3d(calc((var(--x) * 80px)),calc((var(--y) * 80px)),calc((var(--z) * 80px))) rotateY(90deg)}}@keyframes shuffle-layer-x-2{0%,to{transform:translate3d(calc((var(--x) * 80px)),calc((var(--y) * 80px)),calc((var(--z) * 80px))) rotateY(0)}25%{transform:translate3d(calc((var(--x) * 80px)),calc((var(--y) * 80px)),calc((var(--z) * 80px))) rotateY(90deg)}50%{transform:translate3d(calc((var(--x) * 80px)),calc((var(--y) * 80px)),calc((var(--z) * 80px))) rotateY(0)}75%{transform:translate3d(calc((var(--x) * 80px)),calc((var(--y) * 80px)),calc((var(--z) * 80px))) rotateY(-90deg)}}@keyframes shuffle-layer-z-0{0%,to{transform:translate3d(calc((var(--x) * 80px)),calc((var(--y) * 80px)),calc((var(--z) * 80px))) rotate(0)}33.33%{transform:translate3d(calc((var(--x) * 80px)),calc((var(--y) * 80px)),calc((var(--z) * 80px))) rotate(90deg)}66.66%{transform:translate3d(calc((var(--x) * 80px)),calc((var(--y) * 80px)),calc((var(--z) * 80px))) rotate(0)}}@keyframes shuffle-layer-z-2{0%,to{transform:translate3d(calc((var(--x) * 80px)),calc((var(--y) * 80px)),calc((var(--z) * 80px))) rotate(0)}33.33%{transform:translate3d(calc((var(--x) * 80px)),calc((var(--y) * 80px)),calc((var(--z) * 80px))) rotate(-90deg)}66.66%{transform:translate3d(calc((var(--x) * 80px)),calc((var(--y) * 80px)),calc((var(--z) * 80px))) rotate(0)}}@media(max-width:1024px){@keyframes shuffle-layer-y-0{0%,to{transform:translate3d(calc((var(--x) * 66px)),calc((var(--y) * 66px)),calc((var(--z) * 66px))) rotateX(0)}8.33%{transform:translate3d(calc((var(--x) * 66px)),calc((var(--y) * 66px)),calc((var(--z) * 66px))) rotateX(90deg)}16.66%{transform:translate3d(calc((var(--x) * 66px)),calc((var(--y) * 66px)),calc((var(--z) * 66px))) rotateX(0)}25%{transform:translate3d(calc((var(--x) * 66px)),calc((var(--y) * 66px)),calc((var(--z) * 66px))) rotateX(-90deg)}33.33%{transform:translate3d(calc((var(--x) * 66px)),calc((var(--y) * 66px)),calc((var(--z) * 66px))) rotateX(0)}}@keyframes shuffle-layer-y-2{0%,to{transform:translate3d(calc((var(--x) * 66px)),calc((var(--y) * 66px)),calc((var(--z) * 66px))) rotateX(0)}16.66%{transform:translate3d(calc((var(--x) * 66px)),calc((var(--y) * 66px)),calc((var(--z) * 66px))) rotateX(-90deg)}33.33%{transform:translate3d(calc((var(--x) * 66px)),calc((var(--y) * 66px)),calc((var(--z) * 66px))) rotateX(0)}50%{transform:translate3d(calc((var(--x) * 66px)),calc((var(--y) * 66px)),calc((var(--z) * 66px))) rotateX(90deg)}66.66%{transform:translate3d(calc((var(--x) * 66px)),calc((var(--y) * 66px)),calc((var(--z) * 66px))) rotateX(0)}}@keyframes shuffle-layer-x-0{0%,to{transform:translate3d(calc((var(--x) * 66px)),calc((var(--y) * 66px)),calc((var(--z) * 66px))) rotateY(0)}25%{transform:translate3d(calc((var(--x) * 66px)),calc((var(--y) * 66px)),calc((var(--z) * 66px))) rotateY(-90deg)}50%{transform:translate3d(calc((var(--x) * 66px)),calc((var(--y) * 66px)),calc((var(--z) * 66px))) rotateY(0)}75%{transform:translate3d(calc((var(--x) * 66px)),calc((var(--y) * 66px)),calc((var(--z) * 66px))) rotateY(90deg)}}@keyframes shuffle-layer-x-2{0%,to{transform:translate3d(calc((var(--x) * 66px)),calc((var(--y) * 66px)),calc((var(--z) * 66px))) rotateY(0)}25%{transform:translate3d(calc((var(--x) * 66px)),calc((var(--y) * 66px)),calc((var(--z) * 66px))) rotateY(90deg)}50%{transform:translate3d(calc((var(--x) * 66px)),calc((var(--y) * 66px)),calc((var(--z) * 66px))) rotateY(0)}75%{transform:translate3d(calc((var(--x) * 66px)),calc((var(--y) * 66px)),calc((var(--z) * 66px))) rotateY(-90deg)}}@keyframes shuffle-layer-z-0{0%,to{transform:translate3d(calc((var(--x) * 66px)),calc((var(--y) * 66px)),calc((var(--z) * 66px))) rotate(0)}33.33%{transform:translate3d(calc((var(--x) * 66px)),calc((var(--y) * 66px)),calc((var(--z) * 66px))) rotate(90deg)}66.66%{transform:translate3d(calc((var(--x) * 66px)),calc((var(--y) * 66px)),calc((var(--z) * 66px))) rotate(0)}}@keyframes shuffle-layer-z-2{0%,to{transform:translate3d(calc((var(--x) * 66px)),calc((var(--y) * 66px)),calc((var(--z) * 66px))) rotate(0)}33.33%{transform:translate3d(calc((var(--x) * 66px)),calc((var(--y) * 66px)),calc((var(--z) * 66px))) rotate(-90deg)}66.66%{transform:translate3d(calc((var(--x) * 66px)),calc((var(--y) * 66px)),calc((var(--z) * 66px))) rotate(0)}}}.home-p{color:var(--text-main);background:#0596690f;display:inline-block;border-radius:25px;padding:5px 10px;margin-bottom:30px;border:1px solid rgba(5,150,105,.35);transition:all .3s ease;box-shadow:0 2px 8px #0596692e;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:var(--font-size-sm)}.home-p:hover{transform:translateY(-2px);box-shadow:0 2px 4px #0000001a}body.dark-mode .home-p{background:#60a5fa14;border-color:#60a5fa33;box-shadow:0 1px 3px #0000001a}body.dark-mode .home-p:hover{box-shadow:0 2px 4px #00000026;border-color:#60a5fa4d}.home-s{font-weight:700;color:var(--accent-color);animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.info-home{text-align:center}.info-home h1{font-size:var(--font-size-5xl);font-family:Poppins,sans-serif;margin-bottom:20px;color:var(--primary-color);font-weight:700;letter-spacing:-1px}body.dark-mode .info-home h1{color:#f0f4f8}.info-home h3{font-size:var(--font-size-3xl);font-family:Playfair Display,serif;margin-bottom:20px;color:var(--text-main);font-weight:600}body.dark-mode .info-home h3{color:#f0f4f8}.info-p{color:var(--text-secondary);font-family:Roboto,sans-serif;padding-bottom:20px;max-width:600px;margin:0 auto}.info-p p{padding-bottom:5px;line-height:1.8;font-family:Roboto,sans-serif}.info-p strong{color:var(--primary-color);font-weight:600}.hero-meta{display:flex;gap:1.5rem;justify-content:center;padding-bottom:25px;flex-wrap:wrap}.meta-item{color:var(--text-secondary);font-size:var(--font-size-sm);display:flex;align-items:center;gap:5px;padding:8px 16px;background:var(--hover-bg);border-radius:20px;border:1px solid var(--border-color)}.info-p2{display:flex;gap:1rem;color:var(--text-secondary);font-size:var(--font-size-sm);padding-bottom:20px}.btnn{display:flex;gap:1rem;padding-bottom:30px;justify-content:center}.btn-home1{background:var(--primary-gradient);color:#fff;border:none;border-radius:10px;padding:10px;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 4px #0000001a;font-weight:600;position:relative;overflow:hidden}.btn-home1:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026}body.dark-mode .btn-home1{background:linear-gradient(135deg,#60a5fa,#3b82f6);box-shadow:0 2px 8px #60a5fa4d}body.dark-mode .btn-home1:hover{box-shadow:0 4px 12px #60a5fa66}.btn-home2{background-color:transparent;border:1px solid rgba(5,150,105,.3);color:var(--primary-color);border-radius:10px;padding:10px;cursor:pointer;transition:all .3s ease;font-weight:600;position:relative;overflow:hidden}body.dark-mode .btn-home2{border:1px solid rgba(96,165,250,.4);color:#60a5fa}.btn-home2:before{content:"";position:absolute;top:0;left:0;width:0;height:100%;background:var(--primary-color);transition:width .4s ease;z-index:-1}body.dark-mode .btn-home2:before{background:#60a5fa}.btn-home2:hover{color:#fff;border-color:transparent;transform:translateY(-3px);box-shadow:0 6px 20px #05966959}body.dark-mode .btn-home2:hover{box-shadow:0 6px 20px #60a5fa66}.btn-home2:hover:before{width:100%}hr{width:90%;border:none;border-top:2px solid var(--border-color);margin:20px 0}.hhr{padding-bottom:30px}.follow{display:flex;align-items:center;gap:1rem;justify-content:center}.followw{color:var(--text-main);font-size:var(--font-size-base);font-weight:500;font-family:Roboto,sans-serif;margin:0}.follow ul{display:flex;gap:1rem;font-size:var(--font-size-xl);list-style:none;margin:0;padding:0;align-items:center}.follow ul li{list-style:none}.follow ul a{text-decoration:none;color:var(--text-main);transition:all .3s ease;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--card-bg);border:1px solid var(--border-color)}.follow ul a:hover{color:var(--primary-color);transform:translateY(-3px);box-shadow:var(--shadow)}.cubes-container{position:relative;top:-80px;transform:skewY(-20deg);z-index:1;display:flex;justify-content:center;align-items:center;width:500px;height:400px}.cubes-container .cube{position:relative;z-index:2}.cubes-container .cube:nth-child(2){z-index:1;translate:-60px -60px}.cubes-container .cube:nth-child(3){z-index:3;translate:60px 60px}.cubes-container .cube .cube-block{position:absolute;display:flex;flex-direction:column;gap:30px;translate:calc(-70px * var(--x)) calc(-60px * var(--y))}.cubes-container .cube .cube-block .cube-span{position:relative;display:inline-flex;align-items:center;justify-content:center;width:50px;height:50px;background:#dcdcdc;border:1px solid rgba(139,92,246,.2);z-index:calc(1 * var(--i));transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;cursor:pointer;box-shadow:0 2px 4px #0000001a}.cube-symbol{position:relative;z-index:10;display:flex;align-items:center;justify-content:center;width:100%;height:100%;-webkit-user-select:none;user-select:none}.cube-symbol svg{width:24px;height:24px;transition:none!important}.cube-symbol svg *{transition:none!important}.cubes-container .cube .cube-block .cube-span:before{content:"";position:absolute;left:-40px;width:40px;height:100%;background:#fff;border:1px solid rgba(139,92,246,.15);transform-origin:right;transform:skewY(45deg);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;z-index:5;background-size:24px 24px;background-repeat:no-repeat;background-position:center;box-shadow:0 1px 3px #0000001a}.cubes-container .cube .cube-block .cube-span:after{content:"";position:absolute;top:-40px;left:0;width:100%;height:40px;background:#f2f2f2;border:1px solid rgba(139,92,246,.15);transform-origin:bottom;transform:skew(45deg);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;z-index:5;background-size:24px 24px;background-repeat:no-repeat;background-position:center;box-shadow:0 1px 3px #0000001a}.cubes-container .cube .cube-block[data-symbol=react] .cube-span:before,.cubes-container .cube .cube-block[data-symbol=react] .cube-span:after{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='%2361dafb' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='12' r='2' fill='%2361dafb'/%3E%3Cellipse cx='12' cy='12' rx='11' ry='4.2' fill='none' stroke='%2361dafb' stroke-width='1.5' transform='rotate(-30 12 12)'/%3E%3Cellipse cx='12' cy='12' rx='11' ry='4.2' fill='none' stroke='%2361dafb' stroke-width='1.5' transform='rotate(30 12 12)'/%3E%3Cellipse cx='12' cy='12' rx='11' ry='4.2' fill='none' stroke='%2361dafb' stroke-width='1.5' transform='rotate(90 12 12)'/%3E%3C/svg%3E");background-size:24px 24px;background-repeat:no-repeat;background-position:center}body.dark-mode .cubes-container .cube .cube-block[data-symbol=react] .cube-span:before,body.dark-mode .cubes-container .cube .cube-block[data-symbol=react] .cube-span:after{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='%2361dafb' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='12' r='2' fill='%2361dafb'/%3E%3Cellipse cx='12' cy='12' rx='11' ry='4.2' fill='none' stroke='%2361dafb' stroke-width='1.5' transform='rotate(-30 12 12)'/%3E%3Cellipse cx='12' cy='12' rx='11' ry='4.2' fill='none' stroke='%2361dafb' stroke-width='1.5' transform='rotate(30 12 12)'/%3E%3Cellipse cx='12' cy='12' rx='11' ry='4.2' fill='none' stroke='%2361dafb' stroke-width='1.5' transform='rotate(90 12 12)'/%3E%3C/svg%3E");background-size:24px 24px;background-repeat:no-repeat;background-position:center}.cubes-container .cube .cube-block[data-symbol=html] .cube-span:before,.cubes-container .cube .cube-block[data-symbol=html] .cube-span:after{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='%23e34c26' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 0h21l-1.91 21.563L11.977 24l-8.564-2.438L1.5 0zm17.09 4.413L5.41 4.41l.213 2.622h10.125l-.255 2.716h-6.64l.24 2.573h6.182l-.366 3.523-2.91.804-2.955-.81-.188-2.11h-2.61l.29 3.855L12 19.288l5.373-1.53L18.59 4.414z'/%3E%3C/svg%3E")}body.dark-mode .cubes-container .cube .cube-block[data-symbol=html] .cube-span:before,body.dark-mode .cubes-container .cube .cube-block[data-symbol=html] .cube-span:after{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='%23e34c26' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 0h21l-1.91 21.563L11.977 24l-8.564-2.438L1.5 0zm17.09 4.413L5.41 4.41l.213 2.622h10.125l-.255 2.716h-6.64l.24 2.573h6.182l-.366 3.523-2.91.804-2.955-.81-.188-2.11h-2.61l.29 3.855L12 19.288l5.373-1.53L18.59 4.414z'/%3E%3C/svg%3E")}body.dark-mode .cubes-container .cube .cube-block[data-symbol=html]:hover .cube-span:before,body.dark-mode .cubes-container .cube .cube-block[data-symbol=html]:hover .cube-span:after{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='%23e34c26' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 0h21l-1.91 21.563L11.977 24l-8.564-2.438L1.5 0zm17.09 4.413L5.41 4.41l.213 2.622h10.125l-.255 2.716h-6.64l.24 2.573h6.182l-.366 3.523-2.91.804-2.955-.81-.188-2.11h-2.61l.29 3.855L12 19.288l5.373-1.53L18.59 4.414z'/%3E%3C/svg%3E")!important;background-size:28px 28px!important;filter:drop-shadow(0 0 8px rgba(227,76,38,.8))}.cubes-container .cube .cube-block[data-symbol=css] .cube-span:before,.cubes-container .cube .cube-block[data-symbol=css] .cube-span:after{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='%23264de4' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 0h21l-1.91 21.563L11.977 24l-8.565-2.438L1.5 0zm17.09 4.413L5.41 4.41l.213 2.622h10.125l-.255 2.716h-6.64l.24 2.573h6.182l-.366 3.523-2.91.804-2.955-.81-.188-2.11h-2.61l.29 3.855L12 19.288l5.373-1.53L18.59 4.414z'/%3E%3C/svg%3E")}body.dark-mode .cubes-container .cube .cube-block[data-symbol=css] .cube-span:before,body.dark-mode .cubes-container .cube .cube-block[data-symbol=css] .cube-span:after{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='%23264de4' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 0h21l-1.91 21.563L11.977 24l-8.565-2.438L1.5 0zm17.09 4.413L5.41 4.41l.213 2.622h10.125l-.255 2.716h-6.64l.24 2.573h6.182l-.366 3.523-2.91.804-2.955-.81-.188-2.11h-2.61l.29 3.855L12 19.288l5.373-1.53L18.59 4.414z'/%3E%3C/svg%3E")}body.dark-mode .cubes-container .cube .cube-block[data-symbol=css]:hover .cube-span:before,body.dark-mode .cubes-container .cube .cube-block[data-symbol=css]:hover .cube-span:after{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='%23264de4' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 0h21l-1.91 21.563L11.977 24l-8.565-2.438L1.5 0zm17.09 4.413L5.41 4.41l.213 2.622h10.125l-.255 2.716h-6.64l.24 2.573h6.182l-.366 3.523-2.91.804-2.955-.81-.188-2.11h-2.61l.29 3.855L12 19.288l5.373-1.53L18.59 4.414z'/%3E%3C/svg%3E")!important;background-size:28px 28px!important;filter:drop-shadow(0 0 8px rgba(38,77,228,.8))}.cubes-container .cube .cube-block[data-symbol=js] .cube-span:before,.cubes-container .cube .cube-block[data-symbol=js] .cube-span:after{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='2' y='2' width='20' height='20' rx='4' fill='%23F7DF1E'/%3E%3Ctext x='12' y='16' font-family='Arial, sans-serif' font-size='10' font-weight='bold' fill='%23000' text-anchor='middle'%3EJS%3C/text%3E%3C/svg%3E")}body.dark-mode .cubes-container .cube .cube-block[data-symbol=js] .cube-span:before,body.dark-mode .cubes-container .cube .cube-block[data-symbol=js] .cube-span:after{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='2' y='2' width='20' height='20' rx='4' fill='%23F7DF1E'/%3E%3Ctext x='12' y='16' font-family='Arial, sans-serif' font-size='10' font-weight='bold' fill='%23000' text-anchor='middle'%3EJS%3C/text%3E%3C/svg%3E")}body.dark-mode .cubes-container .cube .cube-block[data-symbol=js]:hover .cube-span:before,body.dark-mode .cubes-container .cube .cube-block[data-symbol=js]:hover .cube-span:after{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='2' y='2' width='20' height='20' rx='4' fill='%23F7DF1E'/%3E%3Ctext x='12' y='16' font-family='Arial, sans-serif' font-size='10' font-weight='bold' fill='%23000' text-anchor='middle'%3EJS%3C/text%3E%3C/svg%3E")!important;background-size:28px 28px!important;filter:drop-shadow(0 0 8px rgba(247,223,30,.8))}.cubes-container .cube .cube-block[data-symbol=node] .cube-span:before,.cubes-container .cube .cube-block[data-symbol=node] .cube-span:after{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='%23339933' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.998,24c-0.321,0-0.641-0.084-0.922-0.247l-2.736-1.582c-0.438-0.251-0.928-0.377-1.422-0.377c-0.321,0-0.64,0.084-0.921,0.247L2.247,21.83c-0.924,0.533-2.002,0.533-2.926,0c-0.924-0.532-1.498-1.511-1.498-2.602V7.772c0-1.091,0.574-2.07,1.498-2.602L3.877,3.206c0.924-0.533,2.002-0.533,2.926,0l2.736,1.582c0.438,0.252,0.928,0.378,1.422,0.378c0.321,0,0.641-0.084,0.922-0.247l2.736-1.582c0.924-0.533,2.002-0.533,2.926,0l2.736,1.582c0.924,0.533,1.498,1.511,1.498,2.602v11.456c0,1.091-0.574,2.07-1.498,2.602l-2.736,1.582c-0.925,0.533-2.002,0.533-2.927,0l-2.736-1.582C12.639,23.916,12.319,24,11.998,24zM9.364,19.86l2.732,1.582c0.15,0.086,0.324,0.128,0.498,0.128s0.348-0.042,0.498-0.128l2.732-1.582c0.3-0.174,0.484-0.487,0.484-0.83V7.772c0-0.343-0.184-0.656-0.484-0.83L13.092,5.36c-0.3-0.173-0.696-0.173-0.996,0L9.364,6.942C9.064,7.116,8.88,7.429,8.88,7.772v11.256C8.88,19.373,9.064,19.686,9.364,19.86z'/%3E%3Cpath d='M8.978,15.933c-0.208,0-0.416-0.065-0.588-0.196l-1.53-1.123c-0.346-0.254-0.423-0.724-0.17-1.07c0.254-0.346,0.724-0.423,1.07-0.17l0.96,0.704l2.387-3.363c0.264-0.372,0.735-0.458,1.107-0.193c0.372,0.264,0.458,0.735,0.193,1.107l-2.977,4.196c-0.17,0.24-0.445,0.373-0.732,0.373C8.978,15.933,8.978,15.933,8.978,15.933z'/%3E%3C/svg%3E")}body.dark-mode .cubes-container .cube .cube-block[data-symbol=node] .cube-span:before,body.dark-mode .cubes-container .cube .cube-block[data-symbol=node] .cube-span:after{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='%23339933' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.998,24c-0.321,0-0.641-0.084-0.922-0.247l-2.736-1.582c-0.438-0.251-0.928-0.377-1.422-0.377c-0.321,0-0.64,0.084-0.921,0.247L2.247,21.83c-0.924,0.533-2.002,0.533-2.926,0c-0.924-0.532-1.498-1.511-1.498-2.602V7.772c0-1.091,0.574-2.07,1.498-2.602L3.877,3.206c0.924-0.533,2.002-0.533,2.926,0l2.736,1.582c0.438,0.252,0.928,0.378,1.422,0.378c0.321,0,0.641-0.084,0.922-0.247l2.736-1.582c0.924-0.533,2.002-0.533,2.926,0l2.736,1.582c0.924,0.533,1.498,1.511,1.498,2.602v11.456c0,1.091-0.574,2.07-1.498,2.602l-2.736,1.582c-0.925,0.533-2.002,0.533-2.927,0l-2.736-1.582C12.639,23.916,12.319,24,11.998,24zM9.364,19.86l2.732,1.582c0.15,0.086,0.324,0.128,0.498,0.128s0.348-0.042,0.498-0.128l2.732-1.582c0.3-0.174,0.484-0.487,0.484-0.83V7.772c0-0.343-0.184-0.656-0.484-0.83L13.092,5.36c-0.3-0.173-0.696-0.173-0.996,0L9.364,6.942C9.064,7.116,8.88,7.429,8.88,7.772v11.256C8.88,19.373,9.064,19.686,9.364,19.86z'/%3E%3Cpath d='M8.978,15.933c-0.208,0-0.416-0.065-0.588-0.196l-1.53-1.123c-0.346-0.254-0.423-0.724-0.17-1.07c0.254-0.346,0.724-0.423,1.07-0.17l0.96,0.704l2.387-3.363c0.264-0.372,0.735-0.458,1.107-0.193c0.372,0.264,0.458,0.735,0.193,1.107l-2.977,4.196c-0.17,0.24-0.445,0.373-0.732,0.373C8.978,15.933,8.978,15.933,8.978,15.933z'/%3E%3C/svg%3E")}body.dark-mode .cubes-container .cube .cube-block[data-symbol=node]:hover .cube-span:before,body.dark-mode .cubes-container .cube .cube-block[data-symbol=node]:hover .cube-span:after{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='%23339933' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.998,24c-0.321,0-0.641-0.084-0.922-0.247l-2.736-1.582c-0.438-0.251-0.928-0.377-1.422-0.377c-0.321,0-0.64,0.084-0.921,0.247L2.247,21.83c-0.924,0.533-2.002,0.533-2.926,0c-0.924-0.532-1.498-1.511-1.498-2.602V7.772c0-1.091,0.574-2.07,1.498-2.602L3.877,3.206c0.924-0.533,2.002-0.533,2.926,0l2.736,1.582c0.438,0.252,0.928,0.378,1.422,0.378c0.321,0,0.641-0.084,0.922-0.247l2.736-1.582c0.924-0.533,2.002-0.533,2.926,0l2.736,1.582c0.924,0.533,1.498,1.511,1.498,2.602v11.456c0,1.091-0.574,2.07-1.498,2.602l-2.736,1.582c-0.925,0.533-2.002,0.533-2.927,0l-2.736-1.582C12.639,23.916,12.319,24,11.998,24zM9.364,19.86l2.732,1.582c0.15,0.086,0.324,0.128,0.498,0.128s0.348-0.042,0.498-0.128l2.732-1.582c0.3-0.174,0.484-0.487,0.484-0.83V7.772c0-0.343-0.184-0.656-0.484-0.83L13.092,5.36c-0.3-0.173-0.696-0.173-0.996,0L9.364,6.942C9.064,7.116,8.88,7.429,8.88,7.772v11.256C8.88,19.373,9.064,19.686,9.364,19.86z'/%3E%3Cpath d='M8.978,15.933c-0.208,0-0.416-0.065-0.588-0.196l-1.53-1.123c-0.346-0.254-0.423-0.724-0.17-1.07c0.254-0.346,0.724-0.423,1.07-0.17l0.96,0.704l2.387-3.363c0.264-0.372,0.735-0.458,1.107-0.193c0.372,0.264,0.458,0.735,0.193,1.107l-2.977,4.196c-0.17,0.24-0.445,0.373-0.732,0.373C8.978,15.933,8.978,15.933,8.978,15.933z'/%3E%3C/svg%3E")!important;background-size:28px 28px!important;filter:drop-shadow(0 0 8px rgba(51,153,51,.8))}.cubes-container .cube .cube-block[data-symbol=net] .cube-span:before,.cubes-container .cube .cube-block[data-symbol=net] .cube-span:after{background-image:url(https://cdn.jsdelivr.net/gh/devicons/devicon/icons/dotnetcore/dotnetcore-original.svg);background-size:24px 24px;background-repeat:no-repeat;background-position:center}body.dark-mode .cubes-container .cube .cube-block[data-symbol=net] .cube-span:before,body.dark-mode .cubes-container .cube .cube-block[data-symbol=net] .cube-span:after{background-image:url(https://cdn.jsdelivr.net/gh/devicons/devicon/icons/dotnetcore/dotnetcore-original.svg);background-size:24px 24px;background-repeat:no-repeat;background-position:center;filter:brightness(1.2)}body.dark-mode .cubes-container .cube .cube-block[data-symbol=net]:hover .cube-span:before,body.dark-mode .cubes-container .cube .cube-block[data-symbol=net]:hover .cube-span:after{background-image:url(https://cdn.jsdelivr.net/gh/devicons/devicon/icons/dotnetcore/dotnetcore-original.svg)!important;background-size:28px 28px!important;filter:brightness(1.2)}.cubes-container .cube .cube-block[data-symbol=python] .cube-span:before,.cubes-container .cube .cube-block[data-symbol=python] .cube-span:after{background-image:url(https://cdn.jsdelivr.net/gh/devicons/devicon/icons/python/python-original.svg);background-size:24px 24px;background-repeat:no-repeat;background-position:center}body.dark-mode .cubes-container .cube .cube-block[data-symbol=python] .cube-span:before,body.dark-mode .cubes-container .cube .cube-block[data-symbol=python] .cube-span:after{background-image:url(https://cdn.jsdelivr.net/gh/devicons/devicon/icons/python/python-original.svg);background-size:24px 24px;background-repeat:no-repeat;background-position:center;filter:brightness(1.2)}.cubes-container .cube .cube-block[data-symbol=java] .cube-span:before,.cubes-container .cube .cube-block[data-symbol=java] .cube-span:after{background-image:url(https://cdn.jsdelivr.net/gh/devicons/devicon/icons/java/java-original.svg);background-size:24px 24px;background-repeat:no-repeat;background-position:center}body.dark-mode .cubes-container .cube .cube-block[data-symbol=java] .cube-span:before,body.dark-mode .cubes-container .cube .cube-block[data-symbol=java] .cube-span:after{background-image:url(https://cdn.jsdelivr.net/gh/devicons/devicon/icons/java/java-original.svg);background-size:24px 24px;background-repeat:no-repeat;background-position:center;filter:brightness(1.2)}body.dark-mode .cubes-container .cube .cube-block[data-symbol=java]:hover .cube-span:before,body.dark-mode .cubes-container .cube .cube-block[data-symbol=java]:hover .cube-span:after{background-image:url(https://cdn.jsdelivr.net/gh/devicons/devicon/icons/java/java-original.svg)!important;background-size:28px 28px!important;filter:brightness(1.3) drop-shadow(0 0 8px rgba(237,139,0,.8))}.cubes-container .cube .cube-block[data-symbol=ts] .cube-span:before,.cubes-container .cube .cube-block[data-symbol=ts] .cube-span:after{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='%233178c6' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='2' y='2' width='20' height='20' rx='2' fill='%233178c6'/%3E%3Ctext x='12' y='16' font-family='Arial, sans-serif' font-size='8' font-weight='bold' fill='%23fff' text-anchor='middle'%3ETS%3C/text%3E%3C/svg%3E")}body.dark-mode .cubes-container .cube .cube-block[data-symbol=ts] .cube-span:before,body.dark-mode .cubes-container .cube .cube-block[data-symbol=ts] .cube-span:after{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='%233178c6' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='2' y='2' width='20' height='20' rx='2' fill='%233178c6'/%3E%3Ctext x='12' y='16' font-family='Arial, sans-serif' font-size='8' font-weight='bold' fill='%23fff' text-anchor='middle'%3ETS%3C/text%3E%3C/svg%3E")}body.dark-mode .cubes-container .cube .cube-block[data-symbol=ts]:hover .cube-span:before,body.dark-mode .cubes-container .cube .cube-block[data-symbol=ts]:hover .cube-span:after{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='%233178c6' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='2' y='2' width='20' height='20' rx='2' fill='%233178c6'/%3E%3Ctext x='12' y='16' font-family='Arial, sans-serif' font-size='8' font-weight='bold' fill='%23fff' text-anchor='middle'%3ETS%3C/text%3E%3C/svg%3E")!important;background-size:28px 28px!important;filter:drop-shadow(0 0 8px rgba(49,120,198,.8))}.cubes-container .cube .cube-block:hover .cube-span{transform:translateZ(20px) scale(1.2);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;box-shadow:0 4px 8px #00000026;border-color:#8b5cf64d}.cubes-container .cube .cube-block:hover .cube-span:before{transform:skewY(45deg) translate(-5px) scale(1.1);background-color:#ffffffe6;box-shadow:0 2px 4px #0000001a;border-color:#8b5cf633}.cubes-container .cube .cube-block:hover .cube-span:after{transform:skew(45deg) translateY(-5px) scale(1.1);background-color:#f2f2f2e6;box-shadow:0 2px 4px #0000001a;border-color:#8b5cf633}.cubes-container .cube .cube-block[data-symbol=react]:hover .cube-span{border:1px solid rgba(97,218,251,.3)}.cubes-container .cube .cube-block[data-symbol=react]:hover .cube-span:before,.cubes-container .cube .cube-block[data-symbol=react]:hover .cube-span:after{border:1px solid rgba(97,218,251,.2)}.cubes-container .cube .cube-block[data-symbol=html]:hover .cube-span{border:1px solid rgba(227,76,38,.3)}.cubes-container .cube .cube-block[data-symbol=html]:hover .cube-span:before,.cubes-container .cube .cube-block[data-symbol=html]:hover .cube-span:after{border:1px solid rgba(227,76,38,.2)}.cubes-container .cube .cube-block[data-symbol=css]:hover .cube-span{border:1px solid rgba(38,77,228,.3)}.cubes-container .cube .cube-block[data-symbol=css]:hover .cube-span:before,.cubes-container .cube .cube-block[data-symbol=css]:hover .cube-span:after{border:1px solid rgba(38,77,228,.2)}.cubes-container .cube .cube-block[data-symbol=js]:hover .cube-span{border:1px solid rgba(247,223,30,.3)}.cubes-container .cube .cube-block[data-symbol=js]:hover .cube-span:before,.cubes-container .cube .cube-block[data-symbol=js]:hover .cube-span:after{border:1px solid rgba(247,223,30,.2)}.cubes-container .cube .cube-block[data-symbol=node]:hover .cube-span{border:1px solid rgba(51,153,51,.3)}.cubes-container .cube .cube-block[data-symbol=node]:hover .cube-span:before,.cubes-container .cube .cube-block[data-symbol=node]:hover .cube-span:after{border:1px solid rgba(51,153,51,.2)}.cubes-container .cube .cube-block[data-symbol=net]:hover .cube-span{border:1px solid rgba(139,92,246,.3)}.cubes-container .cube .cube-block[data-symbol=net]:hover .cube-span:before,.cubes-container .cube .cube-block[data-symbol=net]:hover .cube-span:after{border:1px solid rgba(139,92,246,.2)}.cubes-container .cube .cube-block[data-symbol=python]:hover .cube-span{border:1px solid rgba(55,118,171,.3)}.cubes-container .cube .cube-block[data-symbol=python]:hover .cube-span:before,.cubes-container .cube .cube-block[data-symbol=python]:hover .cube-span:after{border:1px solid rgba(55,118,171,.4);box-shadow:0 0 15px #3776ab4d}.cubes-container .cube .cube-block[data-symbol=java]:hover .cube-span{box-shadow:0 0 30px #ed8b0080,0 0 25px #ed8b004d;border:1px solid rgba(237,139,0,.6)}.cubes-container .cube .cube-block[data-symbol=java]:hover .cube-span:before,.cubes-container .cube .cube-block[data-symbol=java]:hover .cube-span:after{border:1px solid rgba(237,139,0,.4);box-shadow:0 0 15px #ed8b004d}.cubes-container .cube .cube-block[data-symbol=ts]:hover .cube-span{box-shadow:0 0 30px #3178c680,0 0 25px #3178c64d;border:1px solid rgba(49,120,198,.6)}.cubes-container .cube .cube-block[data-symbol=ts]:hover .cube-span:before,.cubes-container .cube .cube-block[data-symbol=ts]:hover .cube-span:after{border:1px solid rgba(49,120,198,.4);box-shadow:0 0 15px #3178c64d}.cubes-container .cube .cube-block .cube-tooltip{position:absolute;bottom:calc(100% + 60px);left:50%;transform:translate(-50%);background:#000000e6;color:#fff;padding:6px 12px;border-radius:6px;font-size:.75rem;font-weight:600;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .3s ease,transform .3s ease;z-index:1000;font-family:Poppins,sans-serif;box-shadow:0 4px 12px #0000004d}.cubes-container .cube .cube-block .cube-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:#000000e6}.cubes-container .cube .cube-block:hover .cube-tooltip{opacity:1;transform:translate(-50%) translateY(-5px)}body.dark-mode .cubes-container .cube .cube-block .cube-span{background:#11182799;border:1px solid rgba(255,255,255,.06);box-shadow:0 2px 4px #0000001a}body.dark-mode .cubes-container .cube .cube-block .cube-span:after{background:#111827b3;border:1px solid rgba(255,255,255,.06);background-size:24px 24px;background-repeat:no-repeat;background-position:center}body.dark-mode .cubes-container .cube .cube-block .cube-span:before{background:#111827a6;border:1px solid rgba(255,255,255,.06);background-size:24px 24px;background-repeat:no-repeat;background-position:center;box-shadow:0 1px 3px #0000001a}body.dark-mode .cubes-container .cube .cube-block .cube-span:after{box-shadow:0 1px 3px #0000001a}body.dark-mode .cubes-container .cube .cube-block:hover .cube-span{background:#111827cc;box-shadow:0 4px 8px #0003;border-color:#8b5cf64d;transform:translateZ(20px) scale(1.2)}body.dark-mode .cubes-container .cube .cube-block:hover .cube-span:before{background-color:#111827bf;border-color:#8b5cf633;background-size:28px 28px;background-repeat:no-repeat;background-position:center;opacity:1;transform:skewY(45deg) translate(-5px) scale(1.1);box-shadow:0 2px 4px #00000026}body.dark-mode .cubes-container .cube .cube-block:hover .cube-span:after{background-color:#111827cc;border-color:#8b5cf633;background-size:28px 28px;background-repeat:no-repeat;background-position:center;opacity:1;transform:skew(45deg) translateY(-5px) scale(1.1);box-shadow:0 2px 4px #00000026}body.dark-mode .cubes-container .cube .cube-block .cube-tooltip{background:#111827f2;border:1px solid rgba(255,255,255,.06);box-shadow:0 2px 4px #0003}body.dark-mode .cubes-container .cube .cube-block .cube-tooltip:after{border-top-color:#161b22f2}.about{margin:160px auto;max-width:1200px;padding:0 50px}.about-title-container{text-align:center;margin-bottom:2rem}.about-title{font-size:var(--font-size-4xl);font-weight:700;color:var(--primary-color);display:inline-block;font-family:Poppins,sans-serif}.about-container{display:flex;align-items:center;gap:5rem;max-width:1200px;width:100%;margin:0 auto;min-height:600px;padding:0 20px;box-sizing:border-box;overflow-x:hidden}.about-content{flex:1;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;min-width:0;max-width:100%}.about-heading{font-size:var(--font-size-3xl);font-weight:700;color:var(--text-main);font-family:Poppins,sans-serif;margin:0}.about-desc{font-size:var(--font-size-base);font-family:Roboto,sans-serif;color:var(--text-secondary);line-height:1.7;margin:0;max-width:600px}.about-buttons{display:flex;gap:1rem;margin-top:1rem;flex-wrap:wrap;justify-content:center}.btn-about-primary{padding:12px 30px;background:var(--primary-gradient);color:#fff;border:none;border-radius:25px;font-size:var(--font-size-base);font-weight:600;font-family:Poppins,sans-serif;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 4px #0000001a}body.dark-mode .btn-about-primary{background:linear-gradient(135deg,#60a5fa,#3b82f6);box-shadow:0 2px 8px #60a5fa4d}.btn-about-primary:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026}body.dark-mode .btn-about-primary:hover{box-shadow:0 4px 12px #60a5fa66}.btn-about-secondary{padding:12px 30px;background:transparent;color:var(--primary-color);border:1px solid rgba(5,150,105,.3);border-radius:25px;font-size:var(--font-size-base);font-weight:600;font-family:Poppins,sans-serif;cursor:pointer;transition:all .3s ease}body.dark-mode .btn-about-secondary{color:#60a5fa;border:1px solid rgba(96,165,250,.4)}.btn-about-secondary:hover{background:var(--primary-color);color:#fff;transform:translateY(-2px);box-shadow:0 4px 10px #05966940}body.dark-mode .btn-about-secondary:hover{background:#60a5fa;border-color:#60a5fa;transform:translateY(-2px);box-shadow:var(--shadow)}.about-right{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:2.5rem;min-width:0;max-width:100%;width:100%;box-sizing:border-box}.profile-img{width:280px;height:280px;max-width:min(280px,100%,90vw);max-height:min(280px,100%,90vw);aspect-ratio:1 / 1;border-radius:50%;overflow:hidden;box-shadow:0 10px 30px #0003;border:5px solid var(--primary-color);transition:all .4s ease;flex-shrink:0;box-sizing:border-box}body.dark-mode .profile-img{border-color:#58a6ff66;box-shadow:0 10px 40px #1f6feb33,0 0 20px #58a6ff26}body.dark-mode .profile-img:hover{box-shadow:0 15px 50px #58a6ff4d,0 0 30px #1f6feb33;transform:scale(1.05);border-color:#58a6ff99}.profile-img img{width:100%;height:100%;object-fit:cover;display:block}.skills-container{display:flex;position:relative;gap:25px;width:100%;max-width:100%;justify-content:center;flex-wrap:wrap;padding:0 10px;box-sizing:border-box}.skills-container li{position:relative;list-style:none;width:60px;height:60px;min-width:60px;max-width:200px;background:#fff;box-shadow:0 0 0 2px var(--j),0 .5em 0 0 var(--i),0 10px 25px #0000001a;border-radius:60px;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:.5s;overflow:hidden;flex-shrink:0}.skills-container li:before{content:"";position:absolute;inset:0;border-radius:60px;background:linear-gradient(45deg,var(--i),var(--j));opacity:0;transition:.5s;z-index:1}.skills-container li:after{content:"";position:absolute;top:10px;width:100%;height:100%;border-radius:60px;background:linear-gradient(45deg,var(--i),var(--j));transition:.5s;filter:blur(15px);z-index:-1;opacity:0}.skills-container li:hover{width:200px;max-width:200px;box-shadow:0 0 0 2px var(--j),0 .25em 0 0 var(--i),0 10px 25px #0000;transform:translateY(.25em)}.skills-container li:hover:before{opacity:1}.skills-container li:hover:after{opacity:.5}.skills-container li .icon{color:#777;font-size:1.75em;transition:.5s;transition-delay:.25s;position:relative;z-index:2}.skills-container li:hover .icon{transform:scale(0);color:#fff;transition-delay:0s}.skills-container li span{position:absolute}.skills-container li .title{color:#fff;font-size:.9em;letter-spacing:.08em;text-transform:uppercase;transform:scale(0);transition:.5s;transition-delay:0s;position:absolute;z-index:3;white-space:nowrap;text-align:center;width:200px;left:50%;transform-origin:center;margin-left:-100px}.skills-container li:hover .title{transform:scale(1);transition-delay:.25s;left:50%;margin-left:-100px}@media(max-width:1024px){.about-container{gap:3rem;min-height:auto;padding:0 15px}.profile-img{width:240px;height:240px;max-width:min(240px,85vw);max-height:min(240px,85vw)}.skills-container{gap:20px}}@media(max-width:768px){html{scroll-padding-top:140px}.about-container{flex-direction:column;gap:2.5rem;padding:0 15px}.about-content{width:100%}.about-desc{max-width:100%}.profile-img{width:220px;height:220px;max-width:min(220px,85vw);max-height:min(220px,85vw)}.about-right{width:100%;gap:2rem}.skills-container{gap:15px;flex-wrap:wrap;justify-content:center}.skills-container li{width:55px;height:55px;min-width:55px}.skills-container li:hover{width:170px;max-width:170px}.skills-container li .title{width:170px;font-size:.75em}.skills-container li:hover .title{margin-left:-85px}}@media(max-width:480px){.about-container{gap:2rem;padding:0 10px;min-height:auto}.profile-img{width:180px;height:180px;max-width:min(180px,80vw);max-height:min(180px,80vw);border-width:3px}.about-heading{font-size:var(--font-size-2xl)}.about-desc{font-size:var(--font-size-sm);padding:0 5px}.btn-about-primary,.btn-about-secondary{padding:10px 20px;font-size:var(--font-size-sm);width:auto;min-width:140px}.about-buttons{flex-direction:column;align-items:center;width:100%}.skills-container{gap:12px;padding:0 5px}.skills-container li{width:50px;height:50px;min-width:50px}.skills-container li:hover{width:160px;max-width:160px}.skills-container li .icon{font-size:1.5em}.skills-container li .title{width:160px;font-size:.75em}.skills-container li:hover .title{margin-left:-80px}}.portfolio-showcase{margin:120px auto;max-width:1200px;padding:0 50px;display:flex;align-items:center;justify-content:center;flex-direction:column}.portfolio-showcase h1{font-family:Poppins,sans-serif;padding-bottom:10px;color:var(--primary-color);font-weight:700;font-size:var(--font-size-4xl)}body.dark-mode .portfolio-showcase h1{color:#e0f2fe}.portfolio-showcase hr{width:10%;margin-bottom:40px}.portfolio-tabs{display:flex;gap:20px;margin-bottom:40px;flex-wrap:wrap;justify-content:center}.portfolio-tab{padding:12px 30px;background:var(--card-bg);border:2px solid var(--border-color);border-radius:25px;color:var(--text-main);font-size:var(--font-size-base);font-weight:600;font-family:Poppins,sans-serif;cursor:pointer;transition:all .3s ease;box-shadow:var(--shadow)}.portfolio-tab:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--primary-color)}.portfolio-tab.active{background:var(--primary-color);color:#fff;border-color:transparent;box-shadow:var(--shadow-colored)}.portfolio-content{width:100%}body.dark-mode .portfolio-tab{background:var(--card-bg);border-color:#ffffff0f;color:var(--text-main)}body.dark-mode .portfolio-tab:hover{background:var(--card-bg);border-color:#60a5fa66;box-shadow:0 2px 4px #0000001a}body.dark-mode .portfolio-tab.active{background:#60a5fa;color:#fff;box-shadow:0 2px 4px #0000001a}body.dark-mode .portfolio-showcase>p{color:var(--text-secondary)}body.dark-mode .project-subtitle{color:var(--text-secondary)}.project{margin:160px auto;max-width:1200px;padding:0 50px;display:flex;align-items:center;justify-content:center;flex-direction:column}.project>p{padding-bottom:20px;font-size:var(--font-size-sm);color:var(--text-secondary);text-transform:uppercase;letter-spacing:2px;font-weight:600}.project-subtitle{color:var(--text-secondary);font-size:var(--font-size-base);font-family:Roboto,sans-serif;text-align:center;max-width:700px;margin:0 auto 40px;line-height:1.6}.project h1{font-family:Poppins,sans-serif;padding-bottom:10px;color:var(--primary-color);font-weight:700;font-size:var(--font-size-4xl)}.project hr{width:10%}.info-pro{padding-top:20px}.info-pro p{padding-bottom:10px}.projects-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:25px;max-width:1100px;margin:auto}.project-card{background:var(--card-bg);padding:0;border-radius:20px;box-shadow:var(--shadow);transition:all .3s ease;border:2px solid var(--border-color);position:relative;overflow:hidden}.project-image-wrapper{position:relative;overflow:hidden;border-radius:16px 16px 0 0;height:clamp(200px,22vw,260px);background:#f4f6f8;display:flex;align-items:center;justify-content:center}.project-card img{width:100%;height:100%;border-radius:12px 12px 0 0;margin-bottom:0;transition:transform .5s ease;display:block;object-fit:contain;object-position:center}.project-overlay{position:absolute;inset:0;background:#000c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;gap:15px;opacity:0;transition:opacity .3s ease;border-radius:12px 12px 0 0}.project-image-wrapper:hover .project-overlay{opacity:1}.project-image-wrapper:hover img{transform:scale(1.02)}.project-link-btn{background:var(--primary-gradient);color:#fff;padding:10px 20px;border-radius:25px;text-decoration:none;display:flex;align-items:center;gap:8px;font-size:var(--font-size-sm);font-weight:600;transition:all .3s ease;box-shadow:0 2px 6px #0f172a40}.project-link-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0f172a59}.project-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:var(--primary-color);transform:scaleX(0);transition:transform .3s ease;z-index:1}.project-card:hover:before{transform:scaleX(1)}.project-card:hover{transform:translateY(-4px);box-shadow:0 4px 8px #00000026;border-color:#0596694d}body.dark-mode .project-card{background:var(--card-bg);border-color:#ffffff0f;box-shadow:0 2px 4px #0000001a}body.dark-mode .project-card:hover{background:var(--card-bg);box-shadow:0 4px 8px #00000026;border-color:#60a5fa66}.project-card h3,.project-card p,.project-card .skills{padding:0 25px}.project-card h3{color:var(--primary-color);margin-top:20px;margin-bottom:12px}.project-card p{color:var(--text-secondary);font-size:var(--font-size-sm);margin-bottom:20px;line-height:1.6;font-family:Roboto,sans-serif}.project-card .skills{padding-bottom:25px;margin-bottom:0}.skills{display:flex;flex-wrap:wrap;gap:8px}.skill-tag{display:inline-block;background:var(--hover-bg);color:var(--primary-color);font-size:var(--font-size-xs);padding:6px 14px;border-radius:20px;transition:all .3s ease;border:1px solid var(--border-color);font-weight:500}.skills a{display:inline-block;background:var(--hover-bg);color:var(--primary-color);text-decoration:none;font-size:var(--font-size-xs);padding:6px 14px;border-radius:20px;transition:all .3s ease;border:1px solid var(--border-color);font-weight:500}.skills a:hover,.skill-tag:hover{background:var(--primary-color);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #05966940}.skills-filters{display:flex;gap:15px;margin-bottom:40px;flex-wrap:wrap;justify-content:center}.filter-btn{position:relative;padding:8px 18px;border:2px solid var(--primary-color);border-radius:.6em;background:var(--card-bg);color:var(--primary-color);font-size:var(--font-size-xs);font-weight:700;text-transform:uppercase;font-family:Poppins,sans-serif;cursor:pointer;outline:none;vertical-align:middle;text-decoration:none;transform-style:preserve-3d;transition:all 175ms cubic-bezier(0,0,1,1)}.filter-btn:before{position:absolute;content:"";width:100%;height:100%;inset:0;background:var(--primary-color);border-radius:inherit;box-shadow:0 0 0 2px var(--accent-color),0 .25em 0 0 var(--primary-color);transform:translate3d(0,.25em,-1em);transition:all 175ms cubic-bezier(0,0,1,1);opacity:0;z-index:-1}.filter-btn:hover:not(.active){background:var(--hover-bg);transform:translateY(.12em);color:var(--text-main);font-weight:800}.filter-btn:hover:before{transform:translate3d(0,.25em,-1em);opacity:1}.filter-btn:active{transform:translateY(.25em)}.filter-btn:active:before{transform:translateZ(-1em);box-shadow:0 0 0 2px var(--accent-color),0 .12em 0 0 var(--primary-color)}.filter-btn.active{background:var(--primary-color);color:#fff;border-color:transparent}.filter-btn.active:before{opacity:1;background:var(--primary-color);box-shadow:0 0 0 2px var(--accent-color),0 .25em 0 0 var(--primary-color)}.filter-btn.active:hover{background:var(--primary-color);color:#fff;transform:translateY(.12em)}.filter-btn.active:active{transform:translateY(.25em)}.skills-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;max-width:1100px;margin:0 auto}.skill-card{background:var(--card-bg);padding:20px;border-radius:12px;box-shadow:var(--shadow);border:1px solid var(--border-color);transition:all .3s ease}.skill-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--primary-color)}.skill-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.skill-name{font-size:var(--font-size-base);font-weight:600;color:var(--text-main);font-family:Poppins,sans-serif}.skill-percentage{font-size:var(--font-size-base);font-weight:700;color:var(--primary-color);font-family:Poppins,sans-serif}.skill-progress-bar{width:100%;height:8px;background:var(--hover-bg);border-radius:10px;overflow:hidden;position:relative}.skill-progress-fill{height:100%;background:var(--primary-color);border-radius:10px;transition:width .8s ease;box-shadow:0 2px 8px #8b5cf64d}body.dark-mode .skill-card{background:var(--card-bg);border-color:#ffffff0f;box-shadow:0 2px 4px #0000001a}body.dark-mode .skill-card:hover{background:var(--card-bg);border-color:#60a5fa99;box-shadow:0 4px 12px #60a5fa4d,0 0 8px #60a5fa33}body.dark-mode .skill-name{color:var(--text-main)}body.dark-mode .skill-percentage{color:#60a5fa}body.dark-mode .skill-progress-bar{background:#30363d80;border:1px solid rgba(48,54,61,.3)}body.dark-mode .skill-progress-fill{background:#60a5fa;box-shadow:0 2px 8px #60a5fa66}body.dark-mode .filter-btn{background:var(--card-bg);border-color:#60a5fa4d;color:var(--text-main)}body.dark-mode .filter-btn:before{background:#60a5fa;box-shadow:0 0 0 2px #60a5fa66,0 .25em #60a5fa}body.dark-mode .filter-btn:hover:not(.active){background:#1f6feb26;border-color:#60a5fa99;color:#a5d6ff;font-weight:800;text-shadow:none}body.dark-mode .filter-btn:hover:before{background:#60a5fa;box-shadow:0 0 0 2px #60a5fa80,0 .25em #60a5fa}body.dark-mode .filter-btn.active{background:#60a5fa;color:#fff;border-color:transparent;box-shadow:0 2px 8px #60a5fa4d}body.dark-mode .filter-btn.active:before{background:#60a5fa;box-shadow:0 0 0 2px #60a5fa66,0 .25em #60a5fa}body.dark-mode .filter-btn.active:hover{background:#60a5fa;box-shadow:0 4px 12px #60a5fa66}.tech-stack-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:25px;max-width:1100px;margin:0 auto}.tech-card{background:var(--card-bg);padding:30px 20px;border-radius:16px;box-shadow:var(--shadow);border:1px solid var(--border-color);display:flex;flex-direction:column;align-items:center;gap:18px;transition:all .3s ease;cursor:pointer;min-height:180px;justify-content:center}.tech-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);border-color:var(--primary-color)}.tech-logo-wrapper{width:90px;height:90px;display:flex;align-items:center;justify-content:center;background:#ffffff08;border-radius:16px;padding:20px;transition:all .3s ease;position:relative}.tech-card:hover .tech-logo-wrapper{background:#8b5cf614;transform:scale(1.05)}.tech-logo{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 2px 8px rgba(0,0,0,.15));transition:all .3s ease}.tech-card:hover .tech-logo{filter:drop-shadow(0 2px 4px rgba(0,0,0,.15))}body.dark-mode .tech-name{color:#e8eaf6}.tech-name{font-size:var(--font-size-sm);font-weight:600;color:var(--text-main);font-family:Poppins,sans-serif;text-align:center;white-space:nowrap}body.dark-mode .tech-card{background:var(--card-bg);border-color:#ffffff0f;box-shadow:0 2px 4px #0000001a}body.dark-mode .tech-logo-wrapper{background:#1118274d;border:1px solid rgba(255,255,255,.06)}body.dark-mode .tech-card:hover{background:var(--card-bg);border-color:#8b5cf64d;box-shadow:0 4px 8px #00000026}body.dark-mode .tech-card:hover .tech-logo-wrapper{background:#8b5cf614;border-color:#8b5cf633}body.dark-mode .tech-logo[alt=AWS],body.dark-mode .tech-logo[alt*=AWS]{filter:invert(1) brightness(1.2)}body.dark-mode .tech-card:hover .tech-logo[alt=AWS],body.dark-mode .tech-card:hover .tech-logo[alt*=AWS]{filter:invert(1) brightness(1.3)}.deadline-loader{position:fixed;inset:0;width:100%;height:100vh;background:#000;display:flex;align-items:center;justify-content:center;z-index:9999;overflow:hidden}.deadline-bg{position:absolute;inset:0;background:radial-gradient(ellipse at left center,#b006,#000c 60%,#000)}.deadline-bar-container{position:absolute;bottom:25%;left:5%;width:90%;height:12px;z-index:2}.deadline-bar-track{position:absolute;bottom:0;left:0;width:100%;height:12px;background:#fff;border-radius:6px;box-shadow:0 0 0 1px #ffffff4d}.deadline-bar-fill{position:absolute;bottom:0;left:0;width:0%;height:12px;background:#b00;border-radius:6px;box-shadow:0 0 12px #b00c;animation:bar-fill 4s linear forwards}.grim-reaper{position:absolute;bottom:25%;left:-100px;width:70px;height:128px;animation:reaper-walk 4s linear forwards;z-index:3}.reaper-silhouette{width:100%;height:100%;filter:drop-shadow(0 0 8px rgba(187,0,0,.8))}.panicking-dev{position:absolute;bottom:20%;right:10%;width:120px;height:150px;z-index:3;animation:dev-panic .15s ease-in-out infinite}.dev-silhouette{width:100%;height:100%;filter:drop-shadow(0 0 5px rgba(255,255,255,.5))}@keyframes dev-panic{0%,to{transform:translate(0) translateY(0) rotate(0)}25%{transform:translate(-2px) translateY(1px) rotate(-1deg)}50%{transform:translate(2px) translateY(-1px) rotate(1deg)}75%{transform:translate(-1px) translateY(1px) rotate(-.5deg)}}.dev-silhouette .arm-left,.dev-silhouette .arm-right{animation:frantic-typing .1s ease-in-out infinite;transform-origin:top center}@keyframes frantic-typing{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(3px) rotate(5deg)}}@keyframes reaper-walk{0%{left:-100px;transform:translateY(0)}20%{transform:translateY(-5px)}40%{transform:translateY(0)}60%{transform:translateY(-5px)}80%{transform:translateY(0)}95%{left:calc(90% - 40px);transform:translateY(0)}to{left:calc(90% - 40px);transform:translateY(0)}}@keyframes bar-fill{0%{width:0%}to{width:100%}}.deadline-text{position:absolute;bottom:15%;left:50%;transform:translate(-50%);font-family:Poppins,sans-serif;font-size:3rem;font-weight:700;letter-spacing:4px;z-index:4;animation:text-pulse 2s ease-in-out infinite}.dead-text{color:#b00;text-shadow:0 0 20px rgba(187,0,0,.8)}.line-text{color:#fff;text-shadow:0 0 10px rgba(255,255,255,.5)}@keyframes text-pulse{0%,to{opacity:1;transform:translate(-50%) scale(1)}50%{opacity:.9;transform:translate(-50%) scale(1.02)}}.btns{display:flex;justify-content:center;gap:10px}.btn{background:var(--primary-color);color:#fff;text-decoration:none;padding:8px 14px;border-radius:25px;font-size:var(--font-size-sm);transition:all .3s ease;display:flex;align-items:center;gap:6px}.btn:hover{background:var(--primary-color);transform:translateY(-2px);box-shadow:0 4px 12px #474af066}.services{margin:160px 200px;display:flex;align-items:center;justify-content:center;flex-direction:column}.services p{padding-bottom:20px;font-size:var(--font-size-sm);color:var(--text-secondary)}.services h1{font-family:Poppins,sans-serif;padding-bottom:10px;font-size:var(--font-size-4xl)}.services hr{width:10%}.services-container{padding-top:30px;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px;max-width:1100px;margin:auto}.service-card{background:var(--card-bg);padding:25px;border-radius:16px;box-shadow:var(--shadow);transition:all .5s ease;text-align:center;position:relative;overflow:hidden;border:1px solid var(--border-color)}body.dark-mode .service-card{background:#252547;border-color:#60a5fa4d;box-shadow:0 4px 15px #0006,0 0 10px #60a5fa26}body.dark-mode .service-card:hover{box-shadow:0 8px 25px #60a5fa59,0 0 20px #60a5fa40;border-color:#60a5fa80}.service-card img{width:100px;margin-bottom:15px;z-index:1;position:relative}.service-card h3{color:var(--primary-color);margin-bottom:10px;transition:color .5s;position:relative;z-index:1}.service-card p{color:var(--text-secondary);font-size:var(--font-size-sm);font-family:Roboto,sans-serif;transition:color .5s;position:relative;z-index:1}.service-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--primary-color);z-index:0;transition:.5s}.service-card:hover:before{left:0}.service-card:hover h3,.service-card:hover p{color:#fff}.contact{margin:160px 200px;display:flex;align-items:center;justify-content:center;flex-direction:column}.contact p{padding-bottom:20px;font-size:var(--font-size-sm);color:var(--text-secondary)}.contact h1{font-family:Poppins,sans-serif;padding-bottom:10px;color:var(--primary-color);font-weight:700;font-size:var(--font-size-4xl)}body.dark-mode .contact h1{color:#f0f4f8}.contact hr{width:10%}.contact-content{padding-top:32px;display:flex;gap:50px;flex-wrap:wrap;justify-content:center;max-width:100%;box-sizing:border-box}.contact-info{flex:1;min-width:300px;max-width:100%}.contact-info p{font-size:var(--font-size-base);margin-bottom:25px;font-family:Roboto,sans-serif}.contact-details{display:flex;flex-direction:column;gap:15px;margin-bottom:20px}.contact-item{display:flex;align-items:center;gap:12px;font-size:var(--font-size-base);color:var(--text-main);padding:8px;border-radius:8px;transition:all .3s ease;min-width:0}.contact-item a{color:inherit;text-decoration:none;overflow-wrap:anywhere;word-break:break-word;display:inline-block;max-width:100%}.contact-item:hover{background:var(--hover-bg);transform:translate(5px)}.contact-item i{font-size:var(--font-size-xl);color:var(--primary-color)}body.dark-mode .contact-item i,body.dark-mode .contact-item svg{color:#60a5fa}.social-links{display:flex;gap:15px}.social-link{width:50px;height:50px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-main);font-size:var(--font-size-xl);transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}body.dark-mode .social-link{background:#1a1f2e99;border-color:#60a5fa4d;box-shadow:0 4px 12px #0006,0 0 8px #60a5fa1a}body.dark-mode .social-link:hover{box-shadow:0 8px 20px #60a5fa4d,0 0 15px #60a5fa33;border-color:#60a5fa80}.social-link:before{content:"";position:absolute;inset:0;border-radius:50%;opacity:0;transition:opacity .3s ease;z-index:0}.social-link svg{position:relative;z-index:1;transition:all .3s ease}.social-link:hover{transform:translateY(-8px) scale(1.15);color:#fff;border-color:transparent;box-shadow:0 10px 25px #0003}.social-link[href*=github]:hover,.social-link.github-link:hover{background:#000;box-shadow:0 10px 25px #0006}.social-link[href*=github]:hover:before,.social-link.github-link:hover:before{background:#000;opacity:1}.social-link[href*=linkedin]:hover,.social-link.linkedin-link:hover{background:#0a66c2;box-shadow:0 10px 25px #0a66c266}.social-link[href*=linkedin]:hover:before,.social-link.linkedin-link:hover:before{background:#0a66c2;opacity:1}.email-icon-wrap{position:relative;display:inline-flex;align-items:center;justify-content:center}.email-icon-wrap .email-closed,.email-icon-wrap .email-open{transition:opacity .25s ease}.email-icon-wrap .email-open{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0}.social-link.email-link:hover .email-closed{opacity:0}.social-link.email-link:hover .email-open{opacity:1}.social-link[href^=mailto]:hover,.social-link.email-link:hover{background:#ef6b5c;box-shadow:0 10px 28px #ea433573,0 0 0 1px #ffffff1a}.social-link[href^=mailto]:hover:before,.social-link.email-link:hover:before{background:#ef6b5c;opacity:1}.contact-form{flex:1;min-width:300px;max-width:100%}.contact-form .form-group{margin-bottom:20px}.contact-form input,.contact-form textarea{width:100%;max-width:100%;padding:12px 15px;border:1px solid var(--border-color);border-radius:8px;font-size:var(--font-size-sm);transition:all .3s ease;background:var(--card-bg);color:var(--text-main);font-family:inherit;box-sizing:border-box}body.dark-mode .contact-form input,body.dark-mode .contact-form textarea{background:#1a1f2e99;border-color:#60a5fa4d}body.dark-mode .contact-form input:focus,body.dark-mode .contact-form textarea:focus{border-color:#60a5fa99;box-shadow:0 0 0 3px #60a5fa33}body.dark-mode .contact-form input::placeholder,body.dark-mode .contact-form textarea::placeholder{color:#e0f2fe99}.contact-form input:focus,.contact-form textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #474af01a}.contact-form input::placeholder,.contact-form textarea::placeholder{color:var(--text-secondary)}.btn-send{background:var(--primary-gradient);color:#fff;border:none;padding:12px 25px;border-radius:8px;cursor:pointer;font-size:var(--font-size-base);font-weight:600;transition:all .3s ease;box-shadow:0 2px 4px #0000001a}body.dark-mode .btn-send{background:linear-gradient(135deg,#60a5fa,#3b82f6);box-shadow:0 2px 8px #60a5fa4d}.btn-send:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026}body.dark-mode .btn-send:hover{box-shadow:0 4px 12px #60a5fa66}@media(max-width:900px){.contact-content{flex-direction:column}}.footer{background:#f8fafc;color:#0f172a;padding:24px 20px;text-align:center;overflow-x:hidden;border-top:1px solid rgba(15,23,42,.08);box-shadow:0 -4px 20px #0f172a0f}.footer-container{max-width:1200px;margin:auto}.footer-logo{font-family:Poppins,sans-serif;font-size:var(--font-size-2xl);font-weight:700;color:#0f172a;margin:0 0 4px}.footer-tagline{font-size:var(--font-size-sm);color:#64748b;margin:0 0 16px;letter-spacing:.05em}.footer-links{list-style:none;display:flex;justify-content:center;gap:20px;margin:0 0 12px;padding:0;flex-wrap:wrap}.footer-links li a{color:#334155;text-decoration:none;font-weight:500;font-size:var(--font-size-sm);transition:color .2s ease}.footer-links li a:hover{color:var(--primary-color)}.footer-social{display:flex;justify-content:center;gap:12px;margin-bottom:12px}.footer-social a{color:#475569;font-size:var(--font-size-lg);transition:color .2s ease}.footer-social a:hover{color:var(--primary-color)}.footer-copy{font-size:var(--font-size-xs);color:#64748b;margin:0}body.dark-mode .footer{background:#0d0f14;border-top:1px solid rgba(255,255,255,.08);box-shadow:0 -4px 20px #0000004d}body.dark-mode .footer-logo{color:#f0f4f8}body.dark-mode .footer-tagline{color:#94a3b8}body.dark-mode .footer-links li a{color:#cbd5e1}body.dark-mode .footer-links li a:hover{color:#60a5fa}body.dark-mode .footer-social a{color:#cbd5e1}body.dark-mode .footer-social a:hover{color:#60a5fa}body.dark-mode .footer-copy{color:#94a3b8}.reveal{opacity:0;transform:translateY(40px);transition:all .6s ease-out}.active-reveal{opacity:1;transform:translateY(0)}#loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000;display:flex;justify-content:center;align-items:center;flex-direction:column;z-index:9999;overflow:hidden;color:#00f0ff;text-align:center}.hidden{opacity:0;transform:translateY(-200px)}.fall{animation:fall .9s forwards}@keyframes fall{0%{opacity:0;transform:translateY(-200px)}60%{opacity:1;transform:translateY(20px)}to{transform:translateY(0)}}.loading-content h1,.loading-content h2,.loading-content i{margin:20px 0}.sub-icons{display:flex;justify-content:center;gap:25px;margin-bottom:20px}#main-page{opacity:0;transition:opacity 1s ease}#main-page.visible{opacity:1}@media(max-width:1024px){.home,.about,.project,.portfolio-showcase,.services,.contact{margin:120px 50px}.home-container,.about-container{flex-direction:column;gap:3rem}.home img,.about img{width:100%;height:auto}.ul-list{flex-wrap:wrap;gap:1rem;padding:8px 15px}.skills-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.tech-stack-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:20px}}@media(max-width:768px){.home,.about,.project,.portfolio-showcase,.services,.contact{margin:100px 20px}.home-pill-row{margin-top:145px}.portfolio-showcase{padding:0 20px}.portfolio-tabs{gap:10px}.portfolio-tab{padding:10px 20px;font-size:var(--font-size-sm)}.portfolio-showcase h1{font-size:var(--font-size-3xl);line-height:1.1;white-space:nowrap}.skills-filters{gap:10px}.filter-btn{padding:8px 18px;font-size:var(--font-size-xs)}.skills-grid{grid-template-columns:1fr;gap:15px}.tech-stack-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:15px}.tech-card{padding:20px 15px;min-height:160px}.tech-logo-wrapper{width:70px;height:70px;padding:15px}.home-container,.about-container,.contact-content{flex-direction:column;gap:2rem}.projects-container,.services-container{grid-template-columns:1fr;gap:20px}.home img,.about img{width:100%;max-width:100%;height:auto}.btn-home1,.btn-home2,.btn,.btn-send{width:100%;text-align:center}.follow ul{flex-wrap:wrap;justify-content:center;gap:10px}.footer-links{flex-direction:column;gap:15px}}@media(max-width:1024px){.home,.about,.project,.services,.contact{margin:20px auto;padding:0 15px;text-align:center;max-width:100%;overflow-wrap:break-word}.home-container,.about-container,.services-container,.projects-container,.contact-content,.card{flex-direction:column!important;align-items:center;justify-content:center;gap:1.5rem}.about img{width:100%;max-width:220px;height:auto}.profile-img{width:200px;height:200px;max-width:min(200px,85vw);max-height:min(200px,85vw);margin-bottom:20px;position:relative;z-index:1}.card .c1{width:100%;max-width:300px;text-align:center;margin:0 auto}.project-card img,.service-card img{width:100%;max-width:300px;height:auto;display:block;margin:0 auto 15px;object-fit:cover}.cubes-container{width:350px;height:300px;top:-40px;transform:skewY(-15deg) scale(.8)}.cubes-container .cube .cube-block{gap:20px;translate:calc(-50px * var(--x)) calc(-45px * var(--y))}.cubes-container .cube .cube-block .cube-span{width:40px;height:40px}.cubes-container .cube .cube-block .cube-span:before{left:-30px;width:30px}.cubes-container .cube .cube-block .cube-span:after{top:-30px;height:30px}.cube-symbol{font-size:.65rem}.cubes-container .cube:nth-child(2){translate:-40px -40px}.cubes-container .cube:nth-child(3){translate:40px 40px}.info-home h1{font-size:var(--font-size-4xl)}.info-home h3{font-size:var(--font-size-2xl)}.info-p,.info-p2,.home-p,.about p,.project p,.service-card p,.contact p{font-size:var(--font-size-sm)}.project-card h3,.service-card h3{font-size:var(--font-size-lg)}.contact-content{justify-content:center;align-items:center;text-align:center}.contact-info,.contact-form{width:100%;max-width:400px}html,body{overflow-x:hidden}.home-container{position:relative}.home-container:before{content:"";position:absolute;top:50%;right:0;transform:translate(20%,-50%);width:400px;height:400px;background:var(--primary-color);filter:blur(120px);opacity:.2;z-index:0;border-radius:50%}body.dark-mode .home-container:before{opacity:.15;background:var(--primary-color);filter:blur(120px)}.about-image-wrapper{position:relative;display:inline-block}.about-img-main{width:400px;height:400px;border-radius:20px;border:3px solid var(--primary-color);box-shadow:var(--shadow-lg);transition:transform .5s cubic-bezier(.175,.885,.32,1.275);z-index:2;position:relative}.tech-icon-float{position:absolute;width:50px;height:50px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xl);color:var(--primary-color);box-shadow:var(--shadow);z-index:3;opacity:0;transform:scale(0);transition:all .5s ease}.about-image-wrapper:hover .tech-icon-float{opacity:1;transform:scale(1)}.about-image-wrapper:hover .about-img-main{transform:scale(1.02)}.html-icon{top:-20px;left:-20px;animation:float 3s infinite ease-in-out}.css-icon{top:-20px;right:-20px;animation:float 3s infinite ease-in-out .5s}.js-icon{bottom:20px;left:-30px;animation:float 3s infinite ease-in-out 1s}.react-icon{bottom:20px;right:-30px;animation:float 3s infinite ease-in-out 1.5s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}}.rain-thunder-container{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:-1;pointer-events:none;overflow:hidden}.rain-drop{position:absolute;background:linear-gradient(to bottom,#ffffffd9,#f0f8ffbf,#e6f2ff8c);animation:rain-fall linear;top:-10px;border-radius:0;box-shadow:0 0 3px #fff9}.rain-drop.small{width:.8px;height:20px}.rain-drop.medium{width:1px;height:30px}.rain-drop.large{width:1.2px;height:40px}@keyframes rain-fall{0%{transform:translateY(-10px) translate(0) rotate(8deg);opacity:.9}to{transform:translateY(calc(100vh + 10px)) translate(var(--wind, 15px)) rotate(8deg);opacity:.4}}.water-droplet{position:absolute;background:radial-gradient(ellipse at center,#ffffff80,#f8fcff59,#f0f8ff33);border-radius:50% 50% 50% 0;transform:rotate(-45deg);animation:droplet-grow .5s ease-out,droplet-slide var(--slide-duration, 5s) ease-in .5s;box-shadow:0 0 4px #ffffff80,inset 0 0 2px #fff6;pointer-events:none}@keyframes droplet-grow{0%{transform:rotate(-45deg) scale(0);opacity:0}to{transform:rotate(-45deg) scale(1);opacity:1}}@keyframes droplet-slide{0%{transform:rotate(-45deg) translateY(0);opacity:1}to{transform:rotate(-45deg) translateY(100vh);opacity:.3}}.star{position:absolute;background:#fff;border-radius:50%;pointer-events:none;animation:twinkle 3s ease-in-out infinite}.star.small{width:1px;height:1px;box-shadow:0 0 2px #fffc}.star.medium{width:1.5px;height:1.5px;box-shadow:0 0 3px #ffffffe6}.star.large{width:2px;height:2px;box-shadow:0 0 4px #fff}@keyframes twinkle{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}