.liquid-ether-container{position:relative;overflow:hidden;width:100%;height:100%;touch-action:none}:root{--pointer-x: 50%;--pointer-y: 50%;--pointer-from-center: 0;--pointer-from-top: .5;--pointer-from-left: .5;--card-opacity: 0;--rotate-x: 0deg;--rotate-y: 0deg;--background-x: 50%;--background-y: 50%;--grain: none;--icon: none;--behind-gradient: none;--behind-glow-color: rgba(125, 190, 255, .67);--behind-glow-size: 25%;--inner-gradient: none;--sunpillar-1: hsl(2, 100%, 73%);--sunpillar-2: hsl(53, 100%, 69%);--sunpillar-3: hsl(93, 100%, 69%);--sunpillar-4: hsl(176, 100%, 76%);--sunpillar-5: hsl(228, 100%, 74%);--sunpillar-6: hsl(283, 100%, 73%);--sunpillar-clr-1: var(--sunpillar-1);--sunpillar-clr-2: var(--sunpillar-2);--sunpillar-clr-3: var(--sunpillar-3);--sunpillar-clr-4: var(--sunpillar-4);--sunpillar-clr-5: var(--sunpillar-5);--sunpillar-clr-6: var(--sunpillar-6);--card-radius: 30px}.pc-card-wrapper{perspective:500px;transform:translateZ(.1px);position:relative;touch-action:none}.pc-behind{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(circle at var(--pointer-x) var(--pointer-y),var(--behind-glow-color) 0%,transparent var(--behind-glow-size));filter:blur(50px) saturate(1.1);opacity:calc(.8 * var(--card-opacity));transition:opacity .2s ease}.pc-card-wrapper:hover,.pc-card-wrapper.active{--card-opacity: 1}.pc-card{height:380px!important;width:300px!important;max-height:380px!important;min-height:380px!important;display:grid;border-radius:var(--card-radius);position:relative;box-shadow:#000c calc((var(--pointer-from-left) * 10px) - 3px) calc((var(--pointer-from-top) * 20px) - 6px) 20px -5px;transition:transform 1s ease;transform:translateZ(0) rotateX(0) rotateY(0);background:transparent;backface-visibility:hidden;overflow:hidden}.pc-card:hover,.pc-card.active{transition:none;transform:translateZ(0) rotateX(var(--rotate-y)) rotateY(var(--rotate-x))}.pc-card-shell.entering .pc-card{transition:transform .18s ease-out}.pc-card-shell{position:relative;z-index:1}.pc-inside{position:absolute;top:0;right:0;bottom:0;left:0;background-image:var(--inner-gradient);background-color:#000000e6;border-radius:var(--card-radius);pointer-events:none}.pc-shine,.pc-glare,.pc-content{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border-radius:var(--card-radius)}.pc-shine{-webkit-mask-image:var(--icon);mask-image:var(--icon);mask-mode:luminance;-webkit-mask-repeat:repeat;mask-repeat:repeat;-webkit-mask-size:150%;mask-size:150%;-webkit-mask-position:top calc(200% - (var(--background-y) * 5)) left calc(100% - var(--background-x));mask-position:top calc(200% - (var(--background-y) * 5)) left calc(100% - var(--background-x));transition:filter .8s ease;filter:brightness(.66) contrast(1.33) saturate(.33) opacity(0);animation:holo-bg 18s linear infinite;animation-play-state:running;mix-blend-mode:color-dodge}.pc-shine{z-index:3;background:transparent}.pc-glare{transform:translateZ(1.1px);overflow:hidden;background-image:radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y),hsl(248,25%,80%) 12%,hsla(207,40%,30%,.8) 90%);mix-blend-mode:overlay;filter:brightness(.8) contrast(1.2);z-index:4}.pc-avatar-content{mix-blend-mode:luminosity;overflow:visible;transform:translateZ(2px);backface-visibility:hidden}.pc-avatar-content .avatar{width:100%;position:absolute;left:50%;transform-origin:50% 100%;transform:translate(calc(-50% + (var(--pointer-from-left) - .5) * 6px)) translateZ(0) scaleY(calc(1 + (var(--pointer-from-top) - .5) * .02)) scaleX(calc(1 + (var(--pointer-from-left) - .5) * .01));bottom:-1px;backface-visibility:hidden;will-change:transform;transition:transform .12s ease-out}.pc-avatar-content:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;-webkit-backdrop-filter:none;backdrop-filter:none;pointer-events:none}.pc-user-info{position:absolute;--ui-inset: 20px;--ui-radius-bias: 6px;bottom:var(--ui-inset);left:var(--ui-inset);right:var(--ui-inset);z-index:2;display:flex;align-items:center;justify-content:space-between;background:#ffffff1a;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border:1px solid rgba(255,255,255,.1);border-radius:max(0px,var(--card-radius) - var(--ui-inset) + var(--ui-radius-bias));padding:12px 14px;pointer-events:auto}.pc-user-details{display:flex;align-items:center;gap:12px}.pc-mini-avatar{width:48px;height:48px;border-radius:50%;overflow:hidden;border:1px solid rgba(255,255,255,.1);flex-shrink:0}.pc-mini-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.pc-user-text{display:flex;align-items:flex-start;flex-direction:column;gap:6px}.pc-handle{font-size:14px;font-weight:500;color:#ffffffe6;line-height:1}.pc-status{font-size:14px;color:#ffffffb3;line-height:1}.pc-contact-btn{border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:12px 16px;font-size:12px;font-weight:600;color:#ffffffe6;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:transparent}.pc-contact-btn:hover{border-color:#fff6;transform:translateY(-1px);transition:all .2s ease}.pc-content:not(.pc-avatar-content){max-height:100%;overflow:hidden;text-align:center;position:relative;transform:translate3d(calc(var(--pointer-from-left) * -6px + 3px),calc(var(--pointer-from-top) * -6px + 3px),.1px);z-index:5;mix-blend-mode:luminosity}.pc-details{width:100%;position:absolute;top:3em;display:flex;flex-direction:column}.pc-details h3{font-weight:600;margin:0;font-size:min(5svh,3em);background-image:linear-gradient(to bottom,#fff,#6f6fbe);background-size:1em 1.5em;-webkit-text-fill-color:transparent;background-clip:text;-webkit-background-clip:text}.pc-details p{font-weight:600;position:relative;top:-12px;white-space:nowrap;font-size:16px;margin:0 auto;width:min-content;background-image:linear-gradient(to bottom,#fff,#4a4ac0);background-size:1em 1.5em;-webkit-text-fill-color:transparent;background-clip:text;-webkit-background-clip:text}.pc-mobile-fallback{display:flex;flex-direction:column;align-items:center;text-align:center}.pc-mobile-avatar{width:100%;max-width:300px;height:auto;border-radius:20px;box-shadow:0 20px 60px #00000080}.pc-mobile-info{margin-top:1.5rem}.pc-mobile-info h3{font-size:1.5rem;color:#fff;margin:0 0 .5rem;background:linear-gradient(to bottom,#fff,#6f6fbe);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.pc-mobile-info p{font-size:1rem;color:#ffffffb3;margin:0}@keyframes glow-bg{0%{--bgrotate: 0deg}to{--bgrotate: 360deg}}@keyframes holo-bg{0%{background-position:0 var(--background-y),0 0,center}to{background-position:0 var(--background-y),90% 90%,center}}@media (max-width: 768px){.pc-card{height:320px!important;width:250px!important;max-height:320px!important;min-height:320px!important}.pc-details{top:2em}.pc-details h3{font-size:min(4svh,2.5em)}.pc-details p{font-size:14px}.pc-user-info{--ui-inset: 15px;padding:10px 12px}.pc-mini-avatar{width:28px;height:28px}.pc-user-details{gap:10px}.pc-handle{font-size:13px}.pc-status{font-size:10px}.pc-contact-btn{padding:6px 12px;font-size:11px}}.about-section{position:relative;overflow:hidden}.about-section:before{content:"";position:absolute;top:0;left:0;right:0;height:400px;background:linear-gradient(180deg,#0a0a1a 0%,rgba(10,10,26,.95) 15%,rgba(10,10,26,.8) 30%,rgba(10,10,26,.5) 50%,rgba(10,10,26,.2) 70%,transparent 100%);pointer-events:none;z-index:1}.parallax-container{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:0}.parallax-layer{position:absolute;top:-50%;right:-50%;bottom:-50%;left:-50%;width:200%;height:200%}.parallax-stars{background-image:radial-gradient(3px 3px at 20px 30px,rgba(0,240,255,1),transparent),radial-gradient(3px 3px at 40px 70px,rgba(112,0,255,.9),transparent),radial-gradient(2px 2px at 90px 40px,rgba(255,255,255,1),transparent),radial-gradient(3px 3px at 130px 80px,rgba(0,240,255,.8),transparent),radial-gradient(2px 2px at 160px 120px,rgba(112,0,255,.9),transparent),radial-gradient(3px 3px at 200px 50px,rgba(255,255,255,.9),transparent),radial-gradient(2px 2px at 250px 150px,rgba(0,240,255,.7),transparent),radial-gradient(3px 3px at 300px 90px,rgba(112,0,255,.8),transparent),radial-gradient(2px 2px at 350px 200px,rgba(255,255,255,1),transparent),radial-gradient(3px 3px at 400px 60px,rgba(0,240,255,.9),transparent),radial-gradient(2px 2px at 80px 180px,rgba(112,0,255,1),transparent),radial-gradient(3px 3px at 320px 140px,rgba(0,240,255,.8),transparent);background-size:450px 250px;opacity:.8;animation:twinkle 6s ease-in-out infinite}.parallax-glow{background:radial-gradient(circle at 15% 25%,rgba(0,240,255,.25) 0%,transparent 45%),radial-gradient(circle at 85% 75%,rgba(112,0,255,.2) 0%,transparent 40%),radial-gradient(circle at 50% 50%,rgba(0,150,255,.15) 0%,transparent 55%),radial-gradient(circle at 70% 20%,rgba(112,0,255,.18) 0%,transparent 35%);filter:blur(50px)}.parallax-grid{background-image:linear-gradient(rgba(0,240,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(0,240,255,.06) 1px,transparent 1px);background-size:60px 60px;mask-image:radial-gradient(ellipse at center,black 40%,transparent 80%);-webkit-mask-image:radial-gradient(ellipse at center,black 40%,transparent 80%)}.about-section .container{position:relative;z-index:1}@keyframes twinkle{0%,to{opacity:.6}50%{opacity:.9}}@media (max-width: 768px){.about-section:before{height:250px}.parallax-stars{background-size:300px 180px;opacity:.5}.parallax-glow{filter:blur(40px);opacity:.7}.parallax-grid{background-size:40px 40px}}@media (max-width: 480px){.about-section:before{height:200px}.parallax-stars{opacity:.4}.parallax-glow{filter:blur(30px);opacity:.5}}.exp-section{background:#050510;padding:0;min-height:auto;position:relative;width:100%;overflow:hidden}.exp-section:after{content:"";position:absolute;bottom:0;left:0;right:0;height:200px;background:linear-gradient(180deg,transparent 0%,rgba(10,10,26,.3) 30%,rgba(10,10,26,.6) 60%,#0a0a1a 100%);pointer-events:none;z-index:100}.exp-intro{padding:100px 20px 60px;text-align:center;background:linear-gradient(180deg,#0a0a1a,#050510)}.exp-main-title{font-size:clamp(2.5rem,5vw,4rem);font-weight:700;margin-bottom:20px;background:linear-gradient(45deg,#00f0ff,#f0f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.exp-subtitle{color:#fff9;font-size:1.2rem;letter-spacing:2px}.exp-indicator{text-align:center;padding:3rem 1rem;background:#050510}.exp-indicator h3{font-size:1.2rem;font-weight:400;margin:0;color:#00f0ff;letter-spacing:2px}.seq-wrapper{display:block;width:100vw;margin-left:calc(-50vw + 50%);position:relative;background:#050510}.seq-pin-container{width:100vw;height:100vh;display:grid;overflow:hidden;position:relative}.seq-img-layer{width:100%;height:100%;overflow:hidden;z-index:1;display:grid;grid-area:1/-1;position:relative}.seq-img-layer:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to right,rgba(0,0,0,.7) 0%,rgba(0,0,0,.3) 30%,transparent 50%,rgba(0,0,0,.3) 70%,rgba(0,0,0,.7) 100%);pointer-events:none;z-index:5}.seq-img{width:100%;height:100%;object-fit:cover;object-position:center;grid-area:1/-1;position:relative;pointer-events:none;-webkit-user-select:none;user-select:none}.seq-overlay-layer{display:grid;grid-area:1/-1;height:100%;position:relative;width:100%;z-index:10}.seq-overlay{display:grid;grid-area:1/-1;height:100%;position:relative;width:100%}.seq-overlay-inner{height:100%;width:100%;pointer-events:none;-webkit-user-select:none;user-select:none;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center;opacity:0;background:radial-gradient(ellipse at center,rgba(0,0,0,.6) 0%,transparent 70%)}.seq-overlay-inner h2{font-size:clamp(2.5rem,6vw,5rem);font-weight:800;margin-bottom:.3em;color:#fff;text-shadow:0 0 20px rgba(0,240,255,.8),0 0 40px rgba(0,240,255,.5),0 4px 20px rgba(0,0,0,.8);letter-spacing:2px}.seq-overlay-inner p{font-size:clamp(1.2rem,2.5vw,2rem);color:#00f0ff;text-shadow:0 0 15px rgba(0,240,255,.6),0 2px 10px rgba(0,0,0,.8);letter-spacing:3px;font-weight:500}.seq-preloader-layer{background:#050510;display:block;grid-area:1/-1;pointer-events:none;position:relative;transition:opacity .35s ease;-webkit-user-select:none;user-select:none;z-index:15}.seq-keyhole-layer{display:grid;grid-area:1/-1;height:100%;position:relative;width:100%;z-index:20}.seq-keyhole{background:#050510;clip-path:polygon(0 0,0 100%,0 100%,0 0,100% 0,100% 100%,0 100%,0 100%,100% 100%,100% 0);height:100%;width:100%;display:block;grid-area:1/-1;pointer-events:none;-webkit-user-select:none;user-select:none;position:relative}.seq-keyhole-corner{--corner-size: clamp(1rem, 3vh, 2rem);--keyhole-corner-color-bg: #050510;display:block;grid-area:1/-1;pointer-events:none;-webkit-user-select:none;user-select:none;height:var(--corner-size);width:var(--corner-size);position:absolute}.seq-keyhole-corner.top-left{background:radial-gradient(circle at bottom right,transparent calc(var(--corner-size) - 1px),var(--keyhole-corner-color-bg) var(--corner-size))}.seq-keyhole-corner.top-right{background:radial-gradient(circle at bottom left,transparent calc(var(--corner-size) - 1px),var(--keyhole-corner-color-bg) var(--corner-size))}.seq-keyhole-corner.bottom-left{background:radial-gradient(circle at top right,transparent calc(var(--corner-size) - 1px),var(--keyhole-corner-color-bg) var(--corner-size))}.seq-keyhole-corner.bottom-right{background:radial-gradient(circle at top left,transparent calc(var(--corner-size) - 1px),var(--keyhole-corner-color-bg) var(--corner-size))}.seq-track,.seq-track-markers{display:none}@media (max-width: 768px){.exp-intro{padding:60px 15px 30px}.exp-main-title{font-size:2rem}.exp-subtitle{font-size:1rem}.exp-indicator{padding:1.5rem 1rem}.exp-indicator h3{font-size:1rem}.seq-overlay-inner{padding:1.2rem}.seq-overlay-inner h2{font-size:clamp(1.5rem,7vw,2.5rem)}.seq-overlay-inner p{font-size:clamp(.9rem,3.5vw,1.2rem)}}@media (max-width: 480px){.exp-intro{padding:50px 10px 25px}.exp-main-title{font-size:1.8rem}.exp-indicator,.seq-overlay-inner{padding:1rem}.seq-overlay-inner h2{font-size:1.3rem}.seq-overlay-inner p{font-size:.85rem}}.work-section{background:linear-gradient(180deg,#0a0a1a,#050510,#0a0a1a);padding:100px 40px;min-height:100vh;position:relative;overflow:hidden}.work-section:before{content:"";position:absolute;top:0;left:0;right:0;height:350px;background:linear-gradient(180deg,#0a0a1a 0%,rgba(10,10,26,.95) 20%,rgba(10,10,26,.7) 40%,rgba(10,10,26,.4) 60%,rgba(10,10,26,.1) 80%,transparent 100%);pointer-events:none;z-index:1}.work-parallax-container{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:0}.work-parallax-layer{position:absolute;top:-50%;right:-50%;bottom:-50%;left:-50%;width:200%;height:200%}.work-parallax-stars{background-image:radial-gradient(3px 3px at 50px 50px,rgba(0,240,255,1),transparent),radial-gradient(2px 2px at 100px 150px,rgba(112,0,255,.9),transparent),radial-gradient(3px 3px at 200px 80px,rgba(255,255,255,.9),transparent),radial-gradient(2px 2px at 300px 200px,rgba(0,240,255,.8),transparent),radial-gradient(3px 3px at 400px 100px,rgba(112,0,255,1),transparent),radial-gradient(2px 2px at 150px 250px,rgba(255,255,255,.8),transparent),radial-gradient(3px 3px at 350px 300px,rgba(0,240,255,.9),transparent),radial-gradient(2px 2px at 250px 50px,rgba(112,0,255,.8),transparent),radial-gradient(3px 3px at 450px 180px,rgba(255,255,255,1),transparent),radial-gradient(2px 2px at 80px 320px,rgba(0,240,255,.7),transparent);background-size:500px 400px;opacity:.7;animation:workTwinkle 7s ease-in-out infinite}.work-parallax-glow{background:radial-gradient(circle at 25% 20%,rgba(112,0,255,.2) 0%,transparent 45%),radial-gradient(circle at 75% 80%,rgba(0,240,255,.18) 0%,transparent 40%),radial-gradient(circle at 50% 50%,rgba(255,0,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 30%,rgba(0,240,255,.15) 0%,transparent 35%);filter:blur(50px)}.work-parallax-grid{background-image:linear-gradient(rgba(112,0,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(112,0,255,.05) 1px,transparent 1px);background-size:70px 70px;mask-image:radial-gradient(ellipse at center,black 35%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse at center,black 35%,transparent 75%)}@keyframes workTwinkle{0%,to{opacity:.7}50%{opacity:1}}.work-section>*:not(.work-parallax-container){position:relative;z-index:1}.work-section-title{text-align:center;font-size:clamp(2.5rem,5vw,4rem);font-weight:700;margin-bottom:50px;background:linear-gradient(45deg,#00f0ff,#f0f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.work-section-title:before{content:attr(data-heading);display:block;font-size:1rem;font-weight:500;color:#00f0ff;margin-bottom:10px;letter-spacing:2px;background:none;-webkit-text-fill-color:#00f0ff}.work-filters{display:flex;justify-content:center;align-items:center;gap:12px;margin-bottom:50px;flex-wrap:wrap}.work-filter-btn{padding:10px 24px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:30px;color:#fff;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .3s ease}.work-filter-btn:hover{background:#00f0ff1a;border-color:#00f0ff4d}.work-filter-btn.active{background:linear-gradient(135deg,#00f0ff,#7000ff);border-color:transparent;color:#0a0a1a;font-weight:600}.work-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:15px;max-width:1200px;margin:0 auto}.work-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;overflow:hidden;transition:all .4s ease}.work-card:hover{transform:translateY(-8px);border-color:#00f0ff4d;box-shadow:0 15px 40px #00f0ff26}.work-card-img-wrapper{position:relative;overflow:hidden;aspect-ratio:16/12}.work-card-img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.work-card:hover .work-card-img{transform:scale(1.1)}.work-card-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.8) 0%,transparent 60%);display:flex;align-items:flex-end;padding:15px;opacity:0;transition:opacity .3s ease}.work-card:hover .work-card-overlay{opacity:1}.work-card-category{padding:4px 10px;background:linear-gradient(135deg,#00f0ff,#7000ff);border-radius:15px;font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#fff}.work-card-content{padding:12px}.work-card-title{font-size:.85rem;font-weight:600;color:#fff;margin-bottom:8px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.work-card-btn{display:inline-flex;align-items:center;gap:6px;background:none;border:none;color:#00f0ff;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .3s ease;padding:0}.work-card-btn:hover{color:#f0f}.work-card-btn svg{transition:transform .3s ease}.work-card-btn:hover svg{transform:translate(5px)}.portfolio-popup{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:center;align-items:center;padding:20px;z-index:10000}.portfolio-popup-inner{background:linear-gradient(145deg,#12122a,#0a0a1a);border:1px solid rgba(255,255,255,.1);border-radius:20px;max-width:900px;width:100%;max-height:90vh;overflow-y:auto;position:relative}.portfolio-popup-close{position:absolute;top:20px;right:20px;background:#ffffff1a;border:none;border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;transition:all .3s ease;z-index:10}.portfolio-popup-close:hover{background:#f0f;transform:rotate(90deg)}.portfolio-popup-content{display:grid;grid-template-columns:1fr 1fr;gap:0}.portfolio-popup-thumbnail{aspect-ratio:1;overflow:hidden;border-radius:20px 0 0 20px}.portfolio-popup-thumbnail img{width:100%;height:100%;object-fit:cover}.portfolio-popup-info{padding:40px;display:flex;flex-direction:column}.portfolio-popup-category{display:inline-block;padding:6px 16px;background:linear-gradient(135deg,#00f0ff,#7000ff);border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:#fff;width:fit-content;margin-bottom:20px}.portfolio-popup-title{font-size:1.8rem;font-weight:700;color:#fff;margin-bottom:15px}.portfolio-popup-desc{color:#ffffffb3;font-size:1rem;line-height:1.7;margin-bottom:30px}.portfolio-popup-details{list-style:none;padding:0;margin:0 0 30px;display:flex;flex-direction:column;gap:12px}.portfolio-popup-details li{display:flex;gap:10px;font-size:.95rem}.detail-label{color:#ffffff80;min-width:80px}.detail-value{color:#00f0ff;font-weight:500}.portfolio-popup-link{display:inline-flex;align-items:center;gap:10px;padding:14px 28px;background:linear-gradient(135deg,#00f0ff,#7000ff);border-radius:30px;color:#fff;font-weight:600;text-decoration:none;transition:all .3s ease;width:fit-content;margin-top:auto}.portfolio-popup-link:hover{transform:translateY(-3px);box-shadow:0 10px 30px #00f0ff66}@media (max-width: 1200px){.work-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width: 1024px){.work-grid{grid-template-columns:repeat(3,1fr);gap:15px}}@media (max-width: 768px){.work-section{padding:80px 20px}.work-grid{grid-template-columns:repeat(2,1fr);gap:12px}.work-filters{gap:8px}.work-filter-btn{padding:8px 16px;font-size:.8rem}.portfolio-popup-content{grid-template-columns:1fr}.portfolio-popup-thumbnail{border-radius:20px 20px 0 0;aspect-ratio:16/10}.portfolio-popup-info{padding:25px}.portfolio-popup-title{font-size:1.4rem}.portfolio-popup-close{top:15px;right:15px;width:38px;height:38px}}@media (max-width: 480px){.work-section-title,.work-filters{margin-bottom:30px}.work-filter-btn{padding:6px 12px;font-size:.75rem}.work-card-content{padding:10px}.work-card-title{font-size:.8rem}.work-card-btn{font-size:.7rem}}.explore-section{margin-top:100px;padding-top:60px;border-top:1px solid rgba(255,255,255,.1)}.explore-head{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto 40px;padding:0 20px}.explore-head h2{font-size:clamp(1.8rem,4vw,2.5rem);font-weight:700;background:linear-gradient(45deg,#00f0ff,#f0f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.explore-controls{display:flex;gap:12px}.explore-nav-btn{width:50px;height:50px;border-radius:50%;background:#ffffff0d;border:1px solid rgba(255,255,255,.15);color:#fff;font-size:1.8rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.explore-nav-btn:hover:not(:disabled){background:linear-gradient(135deg,#00f0ff,#7000ff);border-color:transparent;transform:scale(1.1)}.explore-nav-btn:disabled{opacity:.3;cursor:not-allowed}.explore-slider{width:100%;overflow:hidden;padding:20px 0}.explore-track{display:flex;gap:20px;padding:0 40px;justify-content:center}.explore-card{position:relative;width:80px;height:280px;border-radius:16px;overflow:hidden;cursor:pointer;transition:all .6s cubic-bezier(.23,1,.32,1);flex-shrink:0}.explore-card.active{width:300px}.explore-card__bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.explore-card:hover .explore-card__bg{transform:scale(1.1)}.explore-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.9) 0%,rgba(0,0,0,.3) 50%,transparent 100%);z-index:1}.explore-card__content{position:absolute;bottom:0;left:0;right:0;padding:18px;z-index:2;display:flex;align-items:flex-end;gap:15px}.explore-card__thumb{width:60px;height:60px;border-radius:12px;object-fit:cover;border:2px solid rgba(255,255,255,.3);flex-shrink:0}.explore-card__title{font-size:1.1rem;font-weight:700;color:#fff;margin-bottom:4px;white-space:nowrap}.explore-card:not(.active) .explore-card__title{writing-mode:vertical-rl;text-orientation:mixed;transform:rotate(180deg);font-size:.85rem}.explore-card__desc{font-size:.8rem;color:#ffffffb3;margin-bottom:12px}.explore-card__btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:linear-gradient(135deg,#00f0ff,#7000ff);border-radius:20px;color:#fff;font-size:.8rem;font-weight:600;text-decoration:none;transition:all .3s ease}.explore-card__btn:hover{transform:translateY(-3px);box-shadow:0 10px 25px #00f0ff66}.explore-dots{display:flex;justify-content:center;gap:10px;margin-top:30px}.explore-dot{width:12px;height:12px;border-radius:50%;background:#fff3;cursor:pointer;transition:all .3s ease}.explore-dot:hover{background:#fff6}.explore-dot.active{background:linear-gradient(135deg,#00f0ff,#7000ff);transform:scale(1.2)}@media (max-width: 1024px){.explore-card{width:70px;height:250px}.explore-card.active{width:260px}}@media (max-width: 768px){.explore-section{margin-top:60px;padding-top:40px}.explore-head{flex-direction:column;gap:20px;text-align:center}.explore-track{padding:0 20px;gap:12px}.explore-card{width:60px;height:220px}.explore-card.active{width:220px}.explore-card__content{padding:15px;flex-direction:column;align-items:flex-start}.explore-card__thumb{width:50px;height:50px}.explore-card__title{font-size:1rem}.explore-nav-btn{width:40px;height:40px;font-size:1.3rem}}@media (max-width: 480px){.explore-section{margin-top:50px;padding-top:30px}.explore-head h2{font-size:1.5rem}.explore-slider{padding:10px 0}.explore-track{flex-direction:column;align-items:stretch;gap:12px;padding:0 15px}.explore-card{width:100%!important;height:auto!important;min-height:auto;border-radius:12px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);transition:all .3s ease}.explore-card.active{background:#ffffff0f;border-color:#00f0ff4d}.explore-card__bg{display:none}.explore-card:before{display:none}.explore-card:not(.active) .explore-card__title{writing-mode:horizontal-tb;transform:none;font-size:.95rem}.explore-card__content{position:relative;padding:16px;flex-direction:row;align-items:center;gap:12px}.explore-card__thumb{display:block;width:50px;height:50px;border-radius:10px;border:1px solid rgba(255,255,255,.1);flex-shrink:0}.explore-card__title{font-size:.95rem;font-weight:600;margin-bottom:2px;color:#fff}.explore-card__desc{font-size:.75rem;color:#ffffff80;margin-bottom:0;display:block!important}.explore-card:not(.active) .explore-card__desc{display:block!important}.explore-card__btn{display:none}.explore-card.active .explore-card__btn{display:inline-flex;position:absolute;right:16px;top:50%;transform:translateY(-50%);padding:8px 14px;font-size:.7rem;border-radius:20px}.explore-dots,.explore-controls{display:none}.explore-card.active:after{content:"";position:absolute;right:16px;top:50%;transform:translateY(-50%);width:0;height:0;border-left:6px solid rgba(0,240,255,.6);border-top:5px solid transparent;border-bottom:5px solid transparent;display:none}}.education-section{background:linear-gradient(180deg,#0a0a1a,#050510);padding:100px 40px;min-height:auto}.education-title{text-align:center;font-size:clamp(2.5rem,5vw,4rem);font-weight:700;margin-bottom:60px;background:linear-gradient(45deg,#00f0ff,#f0f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.education-image-wrapper{max-width:1200px;margin:0 auto;border-radius:20px;overflow:hidden;background:#ffffff05;border:1px solid rgba(255,255,255,.08);box-shadow:0 20px 60px #0006}.education-image{width:100%;height:auto;display:block}@media (max-width: 768px){.education-section{padding:60px 15px}.education-title{font-size:2rem;margin-bottom:30px}.education-image-wrapper{border-radius:12px;box-shadow:0 10px 40px #0000004d}}@media (max-width: 480px){.education-section{padding:50px 10px}.education-title{font-size:1.8rem;margin-bottom:25px}.education-image-wrapper{border-radius:10px}}.skills-section{padding:100px 20px;background:linear-gradient(180deg,#0a0a0a,#111,#0a0a0a);min-height:100vh}.skills-container{max-width:1200px;margin:0 auto}.section-heading{font-size:2.5rem;font-weight:800;color:#1a1a1a;margin-bottom:40px;letter-spacing:2px;text-shadow:2px 2px 0 rgba(0,240,255,.1);background:linear-gradient(135deg,#fff,#ccc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.software-section{background:linear-gradient(145deg,#f5f0e8,#e8e0d5);border-radius:20px;padding:40px;margin-bottom:40px;box-shadow:0 20px 60px #0000004d}.software-section .section-heading{color:#1a1a1a;-webkit-text-fill-color:#1a1a1a;background:none}.software-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:30px}.software-card{display:flex;align-items:center;gap:15px}.software-icon{width:60px;height:60px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700;flex-shrink:0}.figma-icon{background:#1e1e1e!important;padding:8px}.figma-dots{display:grid;grid-template-columns:repeat(2,1fr);gap:3px;width:30px}.figma-dots span{width:12px;height:12px;border-radius:50%}.figma-dots span:first-child{border-radius:50% 50% 0}.figma-dots span:nth-child(3){border-radius:50% 0 50% 50%}.figma-dots span:last-child{grid-column:1 / -1;justify-self:center;margin-top:-3px}.software-info h4{font-size:14px;font-weight:600;color:#1a1a1a;margin-bottom:5px;letter-spacing:1px}.skill-dots{display:flex;gap:4px;margin-bottom:5px}.skill-dots .dot{width:10px;height:10px;border-radius:50%;background:#ccc;transition:background .3s ease}.skill-dots .dot.filled{background:#1a1a1a}.skill-bar{width:30px;height:2px;background:#1a1a1a}.personal-skills-section{background:linear-gradient(145deg,#f5f0e8,#e8e0d5);border-radius:20px;padding:40px;margin-bottom:40px;box-shadow:0 20px 60px #0000004d}.personal-skills-section .section-heading{color:#1a1a1a;-webkit-text-fill-color:#1a1a1a;background:none}.skills-tags{display:flex;flex-wrap:wrap;gap:12px}.skill-tag{padding:10px 24px;border:2px solid #1a1a1a;border-radius:30px;font-size:16px;font-weight:500;color:#1a1a1a;font-style:italic;cursor:pointer;transition:all .3s ease;background:transparent}.skill-tag:hover{background:#1a1a1a;color:#f5f0e8}.services-section{background:linear-gradient(145deg,#f8f8f8,#eee);border-radius:20px;padding:50px;box-shadow:0 20px 60px #0000004d;position:relative}.services-header{margin-bottom:40px;position:relative}.services-header .script-text{font-family:Brush Script MT,cursive;font-size:2rem;color:#4caf50;display:block;margin-bottom:-15px;margin-left:10px}.services-header h2{font-size:3.5rem;font-weight:900;color:#1a1a1a;letter-spacing:-2px}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;border:2px dashed #ccc;padding:30px;position:relative}.services-grid:before,.services-grid:after{content:"";position:absolute;width:10px;height:10px;background:#1a1a1a}.services-grid:before{top:-5px;left:-5px}.services-grid:after{bottom:-5px;right:-5px}.service-item{text-align:center;position:relative;cursor:pointer}.service-num{font-size:4rem;font-weight:900;color:#4caf5026;position:absolute;top:-20px;left:50%;transform:translate(-50%);z-index:0}.service-text{position:relative;z-index:1}.service-text h3{font-size:1.4rem;font-weight:800;color:#1a1a1a;margin-bottom:0}.service-subtitle{font-family:Brush Script MT,cursive;font-size:1.3rem;color:#4caf50}@media (max-width: 1024px){.services-grid{grid-template-columns:repeat(2,1fr)}.services-header h2{font-size:2.8rem}}@media (max-width: 768px){.skills-section{padding:60px 15px}.section-heading{font-size:1.8rem}.software-section,.personal-skills-section,.services-section{padding:25px;border-radius:15px}.software-grid{grid-template-columns:1fr;gap:20px}.software-icon{width:50px;height:50px;font-size:22px}.skills-tags{gap:8px}.skill-tag{padding:8px 16px;font-size:14px}.services-grid{grid-template-columns:repeat(2,1fr);gap:20px;padding:20px}.services-header h2{font-size:2.2rem}.services-header .script-text{font-size:1.5rem}.service-num{font-size:2.5rem}.service-text h3{font-size:1.1rem}.service-subtitle{font-size:1rem}}@media (max-width: 480px){.software-section .section-heading,.personal-skills-section .section-heading{font-size:1.5rem}.services-grid{grid-template-columns:1fr}.services-header h2{font-size:1.8rem}.service-item{padding:15px 0;border-bottom:1px dashed #ccc}.service-item:last-child{border-bottom:none}.service-num{font-size:2rem;top:50%;transform:translate(-50%,-50%)}}@font-face{font-family:Cyber;src:url(https://assets.codepen.io/605876/Blender-Pro-Bold.otf);font-display:swap}.contact-section{background:linear-gradient(180deg,#0a0a1a,#050510);padding:100px 40px;min-height:100vh}.contact-title{text-align:center;font-size:clamp(2.5rem,5vw,4rem);font-weight:700;margin-bottom:15px;background:linear-gradient(45deg,#00f0ff,#f0f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.contact-subtitle{text-align:center;color:#fff9;font-size:1.1rem;margin-bottom:60px}.contact-container{display:grid;grid-template-columns:1fr 1fr;gap:40px;max-width:1100px;margin:0 auto}.contact-info-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:40px}.info-heading{font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:15px}.info-desc{color:#fff9;font-size:.95rem;line-height:1.7;margin-bottom:35px}.contact-details{display:flex;flex-direction:column;gap:25px;margin-bottom:35px}.contact-item{display:flex;align-items:center;gap:15px}.contact-icon{width:45px;height:45px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.contact-icon svg{width:22px;height:22px}.email-icon{background:#8a2be233;color:#a855f7}.phone-icon{background:#22c55e33;color:#22c55e}.location-icon{background:#00f0ff33;color:#00f0ff}.contact-item>div{display:flex;flex-direction:column;gap:4px}.contact-item h4{font-size:1rem;font-weight:600;color:#fff;margin-bottom:3px}.contact-item a,.contact-item span{font-size:.85rem;color:#00f0ff;text-decoration:none;transition:color .3s;display:block}.contact-item a:hover{color:#f0f}.contact-form-card{background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:20px;padding:40px}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:.9rem;font-weight:500;color:#fffc;margin-bottom:8px}.form-group input,.form-group textarea{width:100%;padding:14px 18px;background:#0006;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#fff;font-size:.95rem;font-family:inherit;transition:all .3s}.form-group input::placeholder,.form-group textarea::placeholder{color:#ffffff4d}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#00f0ff;box-shadow:0 0 20px #00f0ff26}.form-group textarea{resize:none;min-height:120px}.submit-btn{width:100%;padding:16px;background:#ffffff1a;border:1px solid rgba(255,255,255,.15);border-radius:10px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s}.submit-btn:hover{background:linear-gradient(135deg,#00f0ff,#7000ff);border-color:transparent;transform:translateY(-2px);box-shadow:0 10px 30px #00f0ff4d}.cyber-btn{--corner: 10px;--border: 1px;--accent: #00f0ff;--shadow: hsl(10 100% 60%);--clip: polygon(0 0, 100% 0, 100% calc(100% - var(--corner)), calc(100% - var(--corner)) 100%, 0% 100%);font-family:Cyber,sans-serif;width:100%;text-align:left;text-transform:uppercase;display:flex;align-items:center;gap:.5rem;padding:14px 16px;border:0;background:transparent;position:relative;color:var(--accent);cursor:pointer;font-size:.9rem;transition:all .3s}.cyber-btn:hover{color:#0a0a1a}.cyber-btn:hover .cyber-btn-backdrop{background:var(--accent)}.cyber-btn:hover kbd{color:var(--accent);background:#0a0a1a}.cyber-btn-backdrop{position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;background:#00f0ff1a;clip-path:var(--clip);transition:all .3s}.cyber-btn-backdrop:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--accent);border:var(--border) solid transparent;clip-path:var(--clip);mask:linear-gradient(#0000 0% 100%),linear-gradient(#fff 0% 100%);mask-clip:padding-box,border-box;-webkit-mask-composite:source-in;mask-composite:intersect}.cyber-btn-corner{position:absolute;bottom:0;right:0;height:var(--corner);width:var(--corner)}.cyber-btn-corner:after{content:"";height:calc(var(--border) * 2);width:200%;position:absolute;top:50%;left:50%;translate:-50% -50%;transform:rotate(135deg);background:var(--accent)}.cyber-btn kbd{color:#0a0a1a;font-weight:700;width:24px;height:24px;font-size:10px;border-radius:50%;background:var(--accent);display:inline-grid;place-items:center;font-family:inherit;transition:all .3s}.cyber-btn-glitch{display:none;position:absolute;top:0;right:0;bottom:0;left:0;align-items:center;gap:.5rem;padding:14px 16px;pointer-events:none;color:var(--accent)}.cyber-btn:hover .cyber-btn-glitch{display:flex;animation:cyber-glitch 2s infinite}.cyber-btn-glitch .cyber-btn-backdrop{background:#0a0a1a}.cyber-btn-glitch kbd{opacity:0}.cyber-letters{display:flex}.cyber-letters span:nth-of-type(2),.cyber-letters span:nth-of-type(5){scale:1 -1}.cyber-letters span:nth-of-type(3),.cyber-letters span:nth-of-type(6),.cyber-letters span:nth-of-type(7){scale:-1 -1}@keyframes cyber-glitch{0%{clip-path:polygon(0 2%,100% 2%,100% 95%,0 95%)}2%,8%{clip-path:polygon(0 78%,100% 78%,100% 100%,0 100%);transform:translate(-2%)}6%{transform:translate(2%)}9%{transform:translate(0)}10%{clip-path:polygon(0 44%,100% 44%,100% 54%,0 54%);transform:translate(2%)}13%{transform:translate(0)}14%,21%{clip-path:polygon(0 0,100% 0,100% 0,0 0);transform:translate(2%)}25%,30%{clip-path:polygon(0 0,100% 0,100% 0,0 0);transform:translate(-2%)}35%,45%{clip-path:polygon(0 40%,100% 40%,100% 85%,0 85%);transform:translate(-2%)}40%{transform:translate(2%)}50%{transform:translate(0)}55%,60%{clip-path:polygon(0 63%,100% 63%,100% 80%,0 80%);transform:translate(2%)}31%,61%,to{clip-path:polygon(0 0,100% 0,100% 0,0 0)}}.cyber-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:center;align-items:center;z-index:10000;padding:20px}.cyber-modal{--corner: 12px;--border: 2px;--accent: #00f0ff;--shadow: hsl(10 100% 60%);--clip: polygon(0 0, 100% 0, 100% calc(100% - var(--corner)), calc(100% - var(--corner)) 100%, 0% 100%);font-family:Cyber,sans-serif;color:var(--accent);width:clamp(320px,90vw,480px);overflow:visible;position:relative}.cyber-modal:before,.cyber-modal:after{content:"";position:absolute;top:1px;bottom:1px;right:100%;width:1rem;border:var(--border) solid var(--accent);translate:var(--border) 0}.cyber-modal:before{background:var(--accent);mask:linear-gradient(#fff,rgba(255,255,255,.6) 15% 95%,#fff)}.cyber-modal-body{-webkit-backdrop-filter:saturate(180%) blur(10px);backdrop-filter:saturate(180%) blur(10px);clip-path:inset(0 -100% 0 0);position:relative}.cyber-modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0}.cyber-backdrop-inner{position:absolute;top:0;right:0;bottom:0;left:0;background:#0009;clip-path:var(--clip)}.cyber-backdrop-inner:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--accent);border:var(--border) solid transparent;clip-path:var(--clip);mask:linear-gradient(#0000 0% 100%),linear-gradient(#fff 0% 100%);mask-clip:padding-box,border-box;-webkit-mask-composite:source-in;mask-composite:intersect}.cyber-backdrop-inner:after{content:"";position:absolute;left:100%;top:2rem;width:calc(2 * var(--border));height:40%;background:var(--accent);opacity:.7;clip-path:polygon(0 0,0 100%,100% calc(100% - 6px),100% 6px)}.cyber-version{position:absolute;right:8px;top:8px;font-size:8px;opacity:.5}.cyber-corner{position:absolute;bottom:0;right:0;height:var(--corner);width:var(--corner)}.cyber-corner:after{content:"";height:calc(var(--border) * 2);width:200%;position:absolute;top:50%;left:50%;translate:-50% -50%;transform:rotate(135deg);background:var(--accent)}.cyber-modal-content{padding:1.5rem;position:relative}.cyber-modal h2{padding-bottom:.5rem;margin:0 0 1rem;text-transform:uppercase;position:relative;font-size:1.1rem}.cyber-modal h2:after{content:"";height:var(--border);position:absolute;left:0;right:0;bottom:0;background:var(--accent)}.cyber-modal-text p{font-size:.85rem;line-height:1.6;margin-bottom:.75rem;color:#00f0ffcc}.cyber-modal-glitch{position:absolute;top:0;right:0;bottom:0;left:0;padding:1.5rem;color:var(--shadow);z-index:-1;animation:cyber-glitch 2s infinite}.cyber-modal-actions{position:absolute;top:100%;width:100%;display:flex;align-items:center;justify-content:flex-end;gap:.5rem;padding-block:1rem}.cyber-modal-actions .cyber-btn{width:130px}.cyber-modal-actions .cyber-btn.proceed{--accent: #22c55e}.cyber-modal-actions .cyber-btn.cancel{--accent: #ef4444}@media (max-width: 900px){.contact-container{grid-template-columns:1fr;gap:30px}}@media (max-width: 600px){.contact-section{padding:80px 20px}.contact-info-card,.contact-form-card{padding:25px}.info-heading{font-size:1.3rem}.contact-icon{width:40px;height:40px}.cyber-modal{width:95vw}.cyber-modal-actions{flex-direction:column;gap:.75rem}.cyber-modal-actions .cyber-btn{width:100%}}@media (max-width: 768px){.contact-section{padding:60px 20px}.contact-title{font-size:2rem}.contact-subtitle{font-size:1rem;margin-bottom:40px}.contact-container{grid-template-columns:1fr;gap:30px}.contact-info-card,.contact-form-card{padding:25px}.info-heading{font-size:1.3rem}.contact-item{gap:12px}.contact-icon{width:40px;height:40px}.contact-icon svg{width:18px;height:18px}.contact-item h4{font-size:.9rem}.contact-item a{font-size:.8rem}.cyber-btn{padding:12px 20px;font-size:.85rem}.cyber-btn kbd{display:none}.form-group label{font-size:.85rem}.form-group input,.form-group textarea{padding:12px 15px;font-size:.9rem}.submit-btn{padding:14px 30px;font-size:.95rem}.cyber-modal{width:95vw}.cyber-modal-content h2{font-size:1.3rem}.cyber-modal-text p{font-size:.85rem}.cyber-modal-actions{flex-direction:column;gap:10px}.cyber-modal-actions .cyber-btn{width:100%;justify-content:center}}@media (max-width: 480px){.contact-section{padding:50px 15px}.contact-info-card,.contact-form-card{padding:20px}.contact-details{gap:20px}.cyber-btn{padding:10px 16px;font-size:.8rem}}.glass-footer{background:#ffffff08;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,.08);padding:20px 40px;position:relative}.footer-content{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.footer-copyright{color:#ffffff80;font-size:.9rem;margin:0}.social-btns{display:flex;gap:12px}.social-btn{--btn-size: 42px;display:inline-flex;align-items:center;justify-content:center;width:var(--btn-size);height:var(--btn-size);background:#ffffff14;border-radius:10px;position:relative;overflow:hidden;transition:all .35s cubic-bezier(.31,-.105,.43,1.59);opacity:.9}.social-btn:before{content:"";position:absolute;width:120%;height:120%;background:var(--social-color);transform:rotate(45deg);top:90%;left:-110%;transition:all .35s cubic-bezier(.31,-.105,.43,1.59)}.social-btn svg{width:20px;height:20px;color:var(--social-color);position:relative;z-index:1;transform:scale(.85);transition:all .35s cubic-bezier(.31,-.105,.43,1.59)}.social-btn:hover,.social-btn:focus{opacity:1;box-shadow:0 5px 20px #0000004d}.social-btn:hover:before,.social-btn:focus:before{top:-10%;left:-10%}.social-btn:hover svg,.social-btn:focus svg{color:#fff;transform:scale(1)}.social-btn.instagram{--social-color: #E4405F}.social-btn.linkedin{--social-color: #0A66C2}.social-btn.twitter{--social-color: #000}.social-btn.behance{--social-color: #1769FF}.social-btn.dribbble{--social-color: #EA4C89}.social-btn.twitter svg{color:#fff}.social-btn.twitter{background:#ffffff26}.social-btn.twitter:hover svg{color:#fff}@media (max-width: 768px){.glass-footer{padding:20px}.footer-content{flex-direction:column;gap:20px;text-align:center}.social-btns{justify-content:center}.social-btn{--btn-size: 38px}.social-btn svg{width:18px;height:18px}}@media (max-width: 480px){.social-btns{gap:8px}.social-btn{--btn-size: 36px}.social-btn svg{width:16px;height:16px}.footer-copyright{font-size:.8rem}}*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #00f0ff;--secondary: #ff00ff;--accent: #7000ff;--bg-dark: #0a0a1a;--bg-darker: #050510;--text: #ffffff;--text-gray: #a0a0b0;--glass: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .1)}html{scroll-behavior:smooth}body{font-family:Inter,system-ui,sans-serif;background:var(--bg-dark);color:var(--text);overflow-x:hidden;line-height:1.6}h1,h2,h3,.hero-name,.section-title{font-family:Playfair Display,Georgia,serif}.hero-subtitle,.hero-tagline,.nav-links a{font-family:Space Grotesk,sans-serif}p,span,a,button,input,textarea{font-family:Inter,system-ui,sans-serif}.preloader{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg-darker);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:10000}.preloader-name{font-family:Playfair Display,Georgia,serif;font-size:clamp(2rem,6vw,4rem);font-weight:700;background:linear-gradient(45deg,var(--primary),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:6px;margin-bottom:10px}.preloader-title{color:var(--text-gray);font-size:1.1rem;letter-spacing:3px;margin-bottom:40px}.progress-container{width:280px;height:4px;background:#ffffff1a;border-radius:10px;overflow:hidden}.progress-bar{height:100%;background:linear-gradient(90deg,var(--primary),var(--secondary));border-radius:10px;box-shadow:0 0 20px var(--primary);transition:width .1s ease}.progress-text{margin-top:15px;color:var(--primary);font-weight:600}.preloader-mobile{background:var(--bg-darker);display:flex;flex-direction:column;justify-content:center;align-items:center}.mobile-loading-img{width:100%;height:100%;object-fit:cover;position:absolute;top:0;right:0;bottom:0;left:0}.mobile-progress-wrapper{position:absolute;bottom:50px;left:50%;transform:translate(-50%);width:80%;max-width:300px;z-index:1;text-align:center}.mobile-progress-wrapper .progress-container{width:100%;background:#00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.mobile-progress-wrapper .progress-text{text-shadow:0 2px 10px rgba(0,0,0,.8)}.navbar{position:fixed;top:20px;left:50%;transform:translate(-50%);width:auto;max-width:90%;padding:0;z-index:1000;background:transparent}.nav-container{background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:50px;padding:12px 30px;display:flex;justify-content:space-between;align-items:center;gap:40px;box-shadow:0 8px 32px #0000004d}.nav-logo{font-size:1.5rem;font-weight:800;background:linear-gradient(45deg,var(--primary),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;white-space:nowrap}.nav-menu{display:flex;list-style:none;gap:30px;margin:0;padding:0}.nav-link{color:#ffffffe6;text-decoration:none;font-weight:500;font-size:.95rem;transition:all .3s;position:relative;padding:8px 16px;border-radius:20px;white-space:nowrap}.nav-link:hover{color:var(--text);background:#ffffff1a}.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;z-index:1001}.hamburger span{width:25px;height:3px;background:var(--text);border-radius:3px;transition:all .3s}.hamburger.active span:nth-child(1){transform:rotate(45deg) translate(6px,6px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}section{min-height:100vh;padding:120px 40px;position:relative}section.exp-section{padding:0;min-height:auto}.container{max-width:1400px;margin:0 auto}.section-title{font-family:Playfair Display,Georgia,serif;font-size:clamp(2.5rem,5vw,4rem);font-weight:700;text-align:center;margin-bottom:60px;background:linear-gradient(45deg,var(--primary),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:1px}.hero-section{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;position:relative;overflow:hidden;background:radial-gradient(ellipse at center,rgba(112,0,255,.1) 0%,transparent 70%)}.hero-canvas{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.hero-content{position:relative;z-index:1}.hero-name{font-family:Playfair Display,Georgia,serif;font-size:clamp(3rem,10vw,7rem);font-weight:800;background:linear-gradient(45deg,var(--primary),var(--secondary),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:3px;margin-bottom:20px;text-shadow:0 0 60px rgba(0,240,255,.5)}.hero-roles{margin-bottom:40px}.role-text{font-family:Space Grotesk,sans-serif;font-size:clamp(1rem,2.5vw,1.4rem);color:var(--text-gray);margin:8px 0;letter-spacing:3px;text-transform:uppercase}.hero-buttons{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.glass-btn{padding:15px 35px;background:var(--glass);border:1px solid var(--glass-border);border-radius:50px;color:var(--text);text-decoration:none;font-size:1rem;font-weight:600;display:inline-flex;align-items:center;gap:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;transition:all .3s ease}.glass-btn:hover{transform:translateY(-5px);box-shadow:0 15px 40px #00f0ff66;border-color:var(--primary);background:#00f0ff1a}.glass-btn.primary:hover{background:linear-gradient(45deg,var(--primary),var(--secondary));color:var(--bg-dark)}.about-section{background:linear-gradient(180deg,var(--bg-dark),rgba(0,240,255,.02),var(--bg-dark))}.about-content{display:grid;grid-template-columns:1fr 2fr;gap:60px;align-items:center}.about-3d{height:400px;border-radius:20px;overflow:hidden;background:var(--glass);border:1px solid var(--glass-border)}.about-image{display:flex;align-items:center;justify-content:center;background:transparent;border:none}.about-text p{font-size:1.15rem;color:var(--text-gray);margin-bottom:30px;line-height:1.8}.about-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:30px}.stat-item{text-align:center;padding:25px 15px;background:var(--glass);border:1px solid var(--glass-border);border-radius:15px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s}.stat-item:hover{transform:translateY(-5px);box-shadow:0 15px 40px #00f0ff4d;border-color:var(--primary)}.stat-item i{font-size:1.8rem;color:var(--primary);margin-bottom:10px}.stat-item h3{font-size:2.2rem;background:linear-gradient(45deg,var(--primary),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-item p{color:var(--text-gray);font-size:.9rem;margin:0}.personal-info{display:flex;flex-direction:column;gap:12px}.info-item{color:var(--text-gray)}.info-item strong{color:var(--text);margin-right:10px}.glass-card{background:var(--glass);border:1px solid var(--glass-border);border-radius:20px;padding:30px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .4s ease}.glass-card:hover{transform:translateY(-10px);box-shadow:0 25px 50px #00f0ff4d;border-color:var(--primary)}.experience-section{background:#060010;min-height:100vh;position:relative;overflow:hidden}.experience-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:25px}.exp-card{text-align:center}.card-icon{width:70px;height:70px;margin:0 auto 20px;background:linear-gradient(135deg,var(--primary),var(--secondary));border-radius:18px;display:flex;justify-content:center;align-items:center;font-size:1.8rem;color:var(--bg-dark)}.exp-card h3{font-size:1.2rem;margin-bottom:8px}.exp-card h4{font-size:1rem;color:var(--primary);font-weight:500;margin-bottom:12px}.exp-card .duration{color:var(--text-gray);font-size:.9rem}.skills-section{background:linear-gradient(180deg,var(--bg-dark),rgba(112,0,255,.02),var(--bg-dark))}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:25px}.skill-card{text-align:center}.skill-icon{width:90px;height:90px;margin:0 auto 20px;background:var(--glass);border:2px solid var(--glass-border);border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:2.2rem;color:var(--primary);transition:all .5s}.skill-card:hover .skill-icon{background:linear-gradient(135deg,var(--primary),var(--secondary));color:var(--bg-dark);transform:rotate(360deg) scale(1.1);border-color:transparent}.skill-card h3{font-size:1.2rem;margin-bottom:8px}.skill-card p{color:var(--text-gray);font-size:.95rem}.contact-section{background:linear-gradient(180deg,var(--bg-dark),rgba(0,240,255,.02))}.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:25px;margin-bottom:40px}.contact-card{text-align:center;padding:35px 25px}.contact-card i{font-size:2.5rem;color:var(--primary);margin-bottom:20px}.contact-card h3{font-size:1.2rem;margin-bottom:15px}.contact-card p{color:var(--text-gray);font-size:.95rem;margin:5px 0}.social-links{display:flex;justify-content:center;gap:20px}.social-btn{width:55px;height:55px;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:1.4rem;padding:0}.footer{padding:30px;text-align:center;border-top:1px solid var(--glass-border);color:var(--text-gray);background:var(--bg-darker)}@media (max-width: 968px){.navbar{top:15px;left:15px;right:15px;transform:none;width:auto;max-width:none}.nav-container{padding:12px 20px;border-radius:16px}.nav-menu{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100vh;background:#050510fa;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);flex-direction:column;justify-content:center;align-items:center;gap:0;opacity:0;visibility:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);z-index:999}.nav-menu.active{opacity:1;visibility:visible}.nav-menu li{opacity:0;transform:translateY(20px);transition:all .3s ease}.nav-menu.active li{opacity:1;transform:translateY(0)}.nav-menu.active li:nth-child(1){transition-delay:.1s}.nav-menu.active li:nth-child(2){transition-delay:.15s}.nav-menu.active li:nth-child(3){transition-delay:.2s}.nav-menu.active li:nth-child(4){transition-delay:.25s}.nav-menu.active li:nth-child(5){transition-delay:.3s}.nav-link{font-size:1.5rem;padding:15px 30px;display:block}.hamburger{display:flex;position:relative;z-index:1001;width:30px;height:24px;flex-direction:column;justify-content:space-between}.hamburger span{width:100%;height:3px;background:linear-gradient(90deg,var(--primary),var(--secondary));border-radius:3px;transition:all .3s cubic-bezier(.4,0,.2,1);transform-origin:center}.hamburger.active span:nth-child(1){transform:translateY(10.5px) rotate(45deg)}.hamburger.active span:nth-child(2){opacity:0;transform:scaleX(0)}.hamburger.active span:nth-child(3){transform:translateY(-10.5px) rotate(-45deg)}.about-content{grid-template-columns:1fr}.about-3d{height:300px}.about-image{width:100%}.about-stats{grid-template-columns:1fr}section{padding:100px 20px}.hero-buttons{flex-direction:column;align-items:center}.glass-btn{width:100%;max-width:280px;justify-content:center}}@media (max-width: 480px){.navbar{top:10px;left:10px;right:10px}.nav-container{padding:10px 16px}.nav-logo{font-size:1.3rem}.nav-link{font-size:1.3rem;padding:12px 25px}.preloader-name{letter-spacing:3px}}