*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary:#0a0a0f;--bg-secondary:#12121a;--bg-card:#ffffff08;--bg-card-hover:#ffffff0f;--border-card:#ffffff12;--border-card-hover:#ffffff24;--glass-blur:12px;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--accent-blue:#14b8a6;--accent-purple:#2dd4bf;--accent-cyan:#06b6d4;--gradient-main:linear-gradient(135deg,#14b8a6,#2dd4bf);--gradient-subtle:linear-gradient(135deg,#14b8a626,#2dd4bf26);--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-mono:"JetBrains Mono","Fira Code",monospace}html{font-size:16px;scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0a0a0f;background:var(--bg-primary);color:#f1f5f9;color:var(--text-primary);cursor:none;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-sans);line-height:1.6;overflow-x:hidden}@media (pointer:coarse){body{cursor:auto}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#0a0a0f;background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:#14b8a666;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#14b8a6b3}::selection{background:#14b8a64d;color:#fff}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{background:none;border:none;cursor:pointer;font-family:inherit;outline:none}.navbar{align-items:center;display:flex;justify-content:space-between;left:0;padding:1.25rem 2rem;position:fixed;right:0;top:0;transition:all .4s cubic-bezier(.16,1,.3,1);z-index:1000}.navbar.scrolled{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#0a0a0fcc;border-bottom:1px solid var(--border-card);padding:.75rem 2rem}.nav-logo{-webkit-text-fill-color:#0000;background:var(--gradient-main);-webkit-background-clip:text;background-clip:text;font-size:1.25rem;font-weight:700;letter-spacing:-.02em}.nav-links{display:flex;gap:2rem;list-style:none}.nav-links a{color:var(--text-secondary);font-size:.875rem;font-weight:500;position:relative;transition:color .3s}.nav-links a:after{background:var(--gradient-main);border-radius:1px;bottom:-4px;content:"";height:2px;left:0;position:absolute;transition:width .3s cubic-bezier(.16,1,.3,1);width:0}.nav-links a:hover{color:var(--text-primary)}.nav-links a:hover:after{width:100%}.nav-burger{cursor:pointer;display:none;flex-direction:column;gap:5px;z-index:1001}.nav-burger span{background:var(--text-primary);border-radius:2px;height:2px;transition:all .3s;width:24px}.nav-burger.active span:first-child{transform:rotate(45deg) translate(5px,5px)}.nav-burger.active span:nth-child(2){opacity:0}.nav-burger.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.hero{align-items:center;display:flex;height:100vh;justify-content:center;min-height:700px;overflow:hidden;position:relative}.hero-canvas{height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.hero-overlay{background:radial-gradient(ellipse at center,#0000 0,var(--bg-primary) 70%);inset:0;pointer-events:none;position:absolute;z-index:1}.hero-content{max-width:900px;padding:0 2rem;position:relative;text-align:center;z-index:2}.hero-tag{background:#14b8a614;border:1px solid #14b8a64d;border-radius:100px;color:var(--accent-blue);display:inline-block;font-family:var(--font-mono);font-size:.85rem;font-weight:500;padding:.4rem 1rem;transform:translateY(20px)}.hero-name,.hero-tag{margin-bottom:1.5rem;opacity:0}.hero-name{-webkit-text-fill-color:unset;color:#fff;font-size:clamp(3rem,8vw,6.5rem);font-weight:900;letter-spacing:-.03em;line-height:1.05;perspective:600px;position:relative;text-shadow:0 1px 0 #ccd6f6,0 2px 0 #a8b2d1,0 3px 0 #8892b0,0 4px 8px #0006,0 0 40px #14b8a640,0 0 80px #14b8a61f;transform:translateY(40px)}.hero-name:after{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#99f6e4 50%,#14b8a6);-webkit-background-clip:text;background-clip:text;content:attr(data-text);inset:0;pointer-events:none;position:absolute;z-index:1}.hero-char{will-change:transform,opacity}.hero-title{color:var(--text-secondary);font-size:clamp(1.1rem,2.5vw,1.5rem);font-weight:400;margin-bottom:2.5rem;opacity:0;transform:translateY(30px)}.hero-title span{color:var(--text-primary);font-weight:600}.hero-cta{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;opacity:0;transform:translateY(30px)}.btn-primary{background:var(--gradient-main);border-radius:12px;box-shadow:0 4px 20px #14b8a64d;color:#fff;font-size:.95rem;font-weight:600;padding:.85rem 2rem;transition:all .3s cubic-bezier(.16,1,.3,1)}.btn-primary:hover{box-shadow:0 8px 30px #14b8a680;transform:translateY(-2px)}.btn-outline{background:#0000;border:1px solid var(--border-card-hover);border-radius:12px;color:var(--text-primary);font-size:.95rem;font-weight:600;padding:.85rem 2rem;transition:all .3s cubic-bezier(.16,1,.3,1)}.btn-outline:hover{background:var(--bg-card-hover);border-color:#14b8a666;transform:translateY(-2px)}.scroll-indicator{align-items:center;bottom:2.5rem;display:flex;flex-direction:column;gap:.5rem;left:50%;opacity:0;position:absolute;transform:translateX(-50%);z-index:2}.scroll-indicator span{color:var(--text-muted);font-size:.75rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase}.scroll-line{animation:scrollPulse 2s ease-in-out infinite;background:linear-gradient(to bottom,var(--accent-blue),#0000);height:40px;width:1px}@keyframes scrollPulse{0%,to{opacity:.3;transform:scaleY(.5)}50%{opacity:1;transform:scaleY(1)}}.section{margin:0 auto;max-width:1200px;padding:8rem 2rem;position:relative}.section-center{text-align:center}.section-label{color:var(--accent-blue);font-family:var(--font-mono);font-size:.8rem;font-weight:500;letter-spacing:.15em;margin-bottom:1rem;text-transform:uppercase}.section-title{font-size:clamp(2rem,5vw,3.5rem);font-weight:800;letter-spacing:-.02em;line-height:1.15;margin-bottom:1.5rem}.section-title .gradient{-webkit-text-fill-color:#0000;background:var(--gradient-main);-webkit-background-clip:text;background-clip:text}.section-divider{background:var(--gradient-main);border-radius:2px;height:3px;margin-bottom:3rem;width:60px}.about{grid-gap:5rem;align-items:center;display:grid;gap:5rem;grid-template-columns:1fr 1fr}.about-text p{color:var(--text-secondary);font-size:1.05rem;line-height:1.8;margin-bottom:1.5rem}.about-text p strong{color:var(--text-primary);font-weight:600}.about-stats{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr);margin-top:2.5rem}.stat{backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));background:var(--bg-card);border:1px solid var(--border-card);border-radius:16px;border-top:1px solid #ffffff1a;padding:1.25rem;text-align:center;transition:all .3s}.stat:hover{background:var(--bg-card-hover);border-color:var(--border-card-hover);transform:translateY(-4px)}.stat-number{-webkit-text-fill-color:#0000;background:var(--gradient-main);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:800;line-height:1.2}.stat-label{color:var(--text-muted);font-size:.8rem;font-weight:500;margin-top:.25rem}.about-image-wrapper{display:flex;justify-content:center;position:relative}.about-image{border:1px solid var(--border-card);border-radius:24px;height:auto;max-width:380px;position:relative;width:100%;z-index:1}.about-image-glow{animation:glowPulse 4s ease-in-out infinite;background:var(--gradient-main);border-radius:26px;filter:blur(30px);height:100%;opacity:.15;position:absolute;width:380px;z-index:0}@keyframes glowPulse{0%,to{opacity:.1;transform:scale(.95)}50%{opacity:.2;transform:scale(1.05)}}.tech-container{overflow:visible;position:relative}.tech-group{margin-bottom:2.5rem;opacity:0;transform:translateY(30px)}.tech-group-label{color:var(--accent-blue);color:var(--group-color,var(--accent-blue));font-family:var(--font-mono);font-size:.75rem;font-weight:600;letter-spacing:.12em;margin-bottom:1rem;padding-left:.25rem;text-transform:uppercase}.tech-grid{display:flex;flex-wrap:wrap;gap:.6rem}.tech-pill{animation:techFloat 7s ease-in-out infinite;background:var(--bg-card);border:1px solid var(--border-card);border-radius:10px;color:var(--text-primary);cursor:default;font-size:.85rem;font-weight:500;padding:.55rem 1.1rem;transition:all .15s ease-out;will-change:transform}.tech-pill:hover{border-color:var(--pill-color,var(--accent-blue));box-shadow:0 0 20px color-mix(in srgb,var(--accent-blue) 25%,#0000),0 8px 30px #0000004d;box-shadow:0 0 20px color-mix(in srgb,var(--pill-color,var(--accent-blue)) 25%,#0000),0 8px 30px #0000004d;color:var(--accent-blue);color:var(--pill-color,var(--accent-blue))}@keyframes techFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.deco-shape{animation:decoFloat 12s ease-in-out infinite;background:var(--gradient-subtle);border:1px solid #14b8a614;border-radius:30%;pointer-events:none;position:absolute;z-index:0}.deco-1{animation-delay:0s;height:120px;opacity:.4;right:-30px;top:5%;width:120px}.deco-2{animation-delay:-4s;border-radius:50%;bottom:15%;height:80px;left:-20px;opacity:.3;width:80px}.deco-3{animation-delay:-8s;height:60px;opacity:.25;right:10%;top:40%;width:60px}@keyframes decoFloat{0%,to{transform:translateZ(0) rotate(0deg)}33%{transform:translate3d(15px,-20px,10px) rotate(120deg)}66%{transform:translate3d(-10px,-10px,-5px) rotate(240deg)}}.timeline-container{margin:0 auto;max-width:800px;position:relative}.timeline-line{background:#ffffff0f;bottom:0;left:50%;position:absolute;top:0;transform:translateX(-50%);width:2px}.timeline-line-progress{background:linear-gradient(to bottom,var(--accent-blue),var(--accent-purple));border-radius:0 0 2px 2px;box-shadow:0 0 12px #14b8a666;height:0;transition:height .1s linear;width:100%}.timeline-item{align-items:flex-start;display:flex;margin-bottom:4rem;opacity:0;position:relative;transform:translateY(40px)}.timeline-item:nth-child(odd){flex-direction:row;padding-right:calc(50% + 2.5rem);text-align:right}.timeline-item:nth-child(2n){flex-direction:row-reverse;padding-left:calc(50% + 2.5rem);text-align:left}.timeline-dot{background:var(--bg-primary);border:3px solid #ffffff1f;border-radius:50%;height:16px;left:50%;position:absolute;top:.5rem;transform:translateX(-50%);transition:all .5s cubic-bezier(.16,1,.3,1);width:16px;z-index:2}.timeline-dot.reached{transform:translateX(-50%) scale(1.3)}.timeline-dot.reached,.timeline-item:hover .timeline-dot{background:var(--accent-blue);border-color:var(--accent-blue);box-shadow:0 0 20px #14b8a680}.timeline-content{backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));background:var(--bg-card);border:1px solid var(--border-card);border-radius:16px;border-top:1px solid #ffffff1a;padding:1.5rem;transition:all .3s;width:100%}.timeline-item:hover .timeline-content{background:var(--bg-card-hover);border-color:var(--border-card-hover)}.timeline-year{color:var(--accent-blue);font-family:var(--font-mono);font-size:.8rem}.timeline-title,.timeline-year{font-weight:700;margin-bottom:.5rem}.timeline-title{font-size:1.15rem}.timeline-desc{color:var(--text-secondary);font-size:.9rem;line-height:1.6}.showcase{align-items:center;display:flex;gap:4rem;min-height:520px;padding:2rem 0 3rem}.showcase-device-wrap{align-items:center;display:flex;flex:0 0 auto;flex-direction:column;gap:1.5rem;opacity:0;position:relative}.showcase-glow{background:radial-gradient(ellipse,#14b8a640,#0000 70%);border-radius:50%;bottom:-10px;filter:blur(40px);height:100px;left:50%;pointer-events:none;position:absolute;transform:translateX(-50%);width:260px}.device-frame{position:relative}.device-frame.iphone{aspect-ratio:9/19.5;background:linear-gradient(135deg,#3a3a50,#1e1e2e 40%,#161624);border-radius:48px;box-shadow:0 0 0 1px #ffffff1f,0 0 0 3px #1a1a28,0 0 0 4px #ffffff0f,inset 0 0 2px 1px #ffffff0d,inset 0 2px 4px #ffffff14,inset 0 -2px 4px #0006,0 30px 60px #0000008c,0 60px 120px #00000059;overflow:hidden;padding:10px;width:280px}.device-frame.iphone:before{background:linear-gradient(180deg,#ffffff14,#ffffff05);border-radius:0 2px 2px 0;content:"";height:60px;position:absolute;right:-2px;top:6px;top:120px;width:3px}.device-frame.iphone:after{background:linear-gradient(180deg,#ffffff0f,#ffffff03);border-radius:2px 0 0 2px;content:"";height:30px;left:-2px;position:absolute;top:6px;top:160px;width:3px}.device-dynamic-island{background:#000;border-radius:20px;box-shadow:inset 0 0 4px #000c;height:24px;left:50%;position:absolute;top:14px;transform:translateX(-50%);width:84px;z-index:5}.device-dynamic-island:before{background:radial-gradient(circle,#1a1a3a 30%,#0c0c1a 100%);border-radius:50%;box-shadow:inset 0 0 2px #ffffff1a;content:"";height:8px;position:absolute;right:18px;top:50%;transform:translateY(-50%);width:8px}.device-frame.iphone .device-screen{background:#000;border-radius:38px;height:100%;overflow:hidden;position:relative;width:100%}.device-home-bar{background:#fff3;border-radius:2px;bottom:8px;height:4px;left:50%;position:absolute;transform:translateX(-50%);width:100px;z-index:5}.device-frame.macbook{width:560px}.device-screen-bezel{background:linear-gradient(135deg,#3a3a50,#1e1e2e 40%,#161624);border-radius:14px 14px 0 0;box-shadow:0 0 0 1px #ffffff1a,0 0 0 3px #18182a,0 0 0 4px #ffffff0a,inset 0 2px 4px #ffffff0f,inset 0 -1px 2px #0000004d,0 40px 80px #00000080,0 60px 120px #0000004d;padding:30px 14px 14px;position:relative}.device-camera{background:radial-gradient(circle,#1a1a3a 30%,#0c0c1a 100%);border-radius:50%;box-shadow:inset 0 0 2px #ffffff14,0 0 0 1px #ffffff1a;height:7px;left:50%;position:absolute;top:11px;transform:translateX(-50%);width:7px}.device-frame.macbook .device-screen{aspect-ratio:16/10.35;background:#000;border-radius:4px;overflow:hidden;position:relative;width:100%}.device-base{align-items:flex-start;background:linear-gradient(180deg,#2d2d44,#22223a 50%,#1a1a2e);border-radius:0 0 8px 8px;box-shadow:0 0 0 1px #ffffff0d,inset 0 1px 0 #ffffff1a,0 4px 12px #0000004d;display:flex;height:12px;justify-content:center;margin-left:-20px;position:relative;width:calc(100% + 40px)}.device-base:before{background:linear-gradient(90deg,#0000,#ffffff26,#0000);content:"";height:1px;left:50%;position:absolute;top:0;transform:translateX(-50%);width:18%}.device-base-notch{background:#ffffff0d;border-radius:0 0 3px 3px;height:3px;width:60px}.device-screen:after{background:linear-gradient(115deg,#ffffff0f,#0000 40%,#0000 60%,#ffffff05);border-radius:inherit;content:"";inset:0;pointer-events:none;position:absolute;z-index:3}.device-screenshot{height:100%;left:0;object-fit:cover;object-position:top center;opacity:0;position:absolute;top:0;transition:opacity .8s ease;width:100%}.device-screenshot.active{opacity:1}.screenshot-dots{display:flex;gap:8px}.screenshot-dot{background:#fff3;border:none;border-radius:50%;cursor:pointer;height:8px;padding:0;transition:all .3s;width:8px}.screenshot-dot.active{background:var(--accent-blue);box-shadow:0 0 12px #14b8a699;transform:scale(1.4)}.screenshot-dot:hover:not(.active){background:#ffffff73}.showcase-info{flex:1 1;min-width:0;opacity:0}.showcase-platform{background:#06b6d41a;border:1px solid #06b6d433;border-radius:6px;color:var(--accent-cyan);display:inline-block;font-family:var(--font-mono);font-size:.72rem;font-weight:600;letter-spacing:.12em;margin-bottom:.75rem;padding:.3rem .8rem;text-transform:uppercase}.showcase-name{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#99f6e4 50%,#14b8a6);-webkit-background-clip:text;background-clip:text;font-size:clamp(1.8rem,4vw,2.5rem);font-weight:800;letter-spacing:-.02em;margin-bottom:.5rem}.showcase-role{color:var(--accent-purple);font-family:var(--font-mono);font-size:.8rem;font-weight:500;margin-bottom:1.25rem}.showcase-desc{color:var(--text-secondary);font-size:1.05rem;line-height:1.8;margin-bottom:1.5rem}.showcase-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem}.showcase-link{align-items:center;background:var(--gradient-main);border-radius:10px;box-shadow:0 4px 20px #14b8a64d;color:#fff;display:inline-flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s cubic-bezier(.16,1,.3,1)}.showcase-link:hover{box-shadow:0 8px 30px #14b8a680;transform:translateY(-2px)}.showcase-link-arrow{transition:transform .3s}.showcase-link:hover .showcase-link-arrow{transform:translateX(4px)}.showcase-selector{background:var(--bg-card);border:1px solid var(--border-card);border-radius:16px;display:flex;gap:.4rem;margin-bottom:3.5rem;opacity:0;overflow-x:auto;padding:.4rem;transform:translateY(30px)}.showcase-selector::-webkit-scrollbar{height:0}.showcase-tab{align-items:center;background:#0000;border:1px solid #0000;border-radius:12px;color:var(--text-secondary);cursor:pointer;display:flex;font-family:var(--font-sans);font-size:.85rem;font-weight:500;gap:.5rem;padding:.65rem 1.2rem;transition:all .3s;white-space:nowrap}.showcase-tab:hover{background:#ffffff0a;color:var(--text-primary)}.showcase-tab.active{background:#14b8a61f;border-color:#14b8a64d;box-shadow:0 0 20px #14b8a614;color:var(--text-primary)}.showcase-tab-icon{font-size:1.1rem}.showcase-tab-name{font-weight:600}.projects-heading{border-bottom:1px solid var(--border-card);color:var(--text-muted);font-size:1.1rem;font-weight:600;margin-bottom:1.5rem;margin-top:3rem;padding-bottom:.75rem}.projects-heading:first-of-type{margin-top:0}.projects-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr)}@property --border-angle{syntax:"<angle>";initial-value:0deg;inherits:false}.project-card{--border-angle:0deg;backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));background:var(--bg-card);border:1px solid var(--border-card);border-radius:20px;border-top:1px solid #ffffff1f;opacity:0;overflow:hidden;padding:2rem;position:relative;transform:translateY(30px);transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s cubic-bezier(.16,1,.3,1)}.project-card:before{background:conic-gradient(from var(--border-angle),#0000 40%,#14b8a680 50%,#2dd4bf99 55%,#0000 65%);border-radius:20px;content:"";inset:-1px;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;padding:1px;position:absolute;transition:opacity .5s}.project-card:hover{box-shadow:0 20px 60px #0000004d,0 0 40px #14b8a61a;transform:translateY(-8px)}.project-card:hover:before{animation:borderRotate 3s linear infinite;opacity:1}@keyframes borderRotate{to{--border-angle:360deg}}.project-card-inner{position:relative;z-index:1}.project-icon{align-items:center;background:var(--gradient-main);border-radius:14px;display:flex;font-size:1.4rem;height:48px;justify-content:center;margin-bottom:1.25rem;width:48px}.project-name{font-size:1.3rem;font-weight:700;margin-bottom:.25rem}.project-role{color:var(--accent-purple);font-family:var(--font-mono);font-size:.72rem;font-weight:500;margin-bottom:1rem}.project-desc{color:var(--text-secondary);font-size:.92rem;line-height:1.7;margin-bottom:1.5rem}.project-desc-link{color:var(--text-primary);font-weight:600;text-decoration:underline;text-decoration-color:#14b8a680;text-underline-offset:3px;transition:color .2s,text-decoration-color .2s}.project-desc-link:hover{color:var(--accent-blue);text-decoration-color:var(--accent-blue)}.project-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.project-tag{background:#14b8a61a;border:1px solid #14b8a633;border-radius:6px;color:var(--accent-blue);font-family:var(--font-mono);font-size:.7rem;font-weight:500;padding:.3rem .7rem}.project-link{align-items:center;color:var(--text-primary);display:inline-flex;font-size:.9rem;font-weight:600;gap:.5rem;transition:all .3s}.project-link:hover{color:var(--accent-blue);gap:.75rem}.project-link-arrow{transition:transform .3s}.project-card:hover .project-link-arrow{transform:translateX(4px)}.project-card.featured{grid-column:span 2}.press-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr)}.press-card{backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));background:var(--bg-card);border:1px solid var(--border-card);border-radius:16px;border-top:1px solid #ffffff1a;display:flex;flex-direction:column;opacity:0;padding:1.75rem;transform:translateY(30px);transition:all .3s}.press-card:hover{background:var(--bg-card-hover);border-color:var(--border-card-hover);transform:translateY(-4px)}.press-source{color:var(--accent-cyan);font-family:var(--font-mono);font-size:.75rem;font-weight:500;margin-bottom:.75rem}.press-title{flex:1 1;font-size:1.05rem;font-weight:600;line-height:1.5;margin-bottom:1rem}.press-link{align-items:center;color:var(--accent-blue);display:inline-flex;font-size:.85rem;font-weight:500;gap:.4rem;transition:gap .3s}.press-card:hover .press-link{gap:.7rem}.gallery-masonry{column-count:4;column-gap:1rem}.gallery-item{border-radius:16px;break-inside:avoid;cursor:pointer;margin-bottom:1rem;opacity:0;overflow:hidden;page-break-inside:avoid;position:relative;transform:scale(.95)}.gallery-item img{display:block;height:auto;transition:transform .6s cubic-bezier(.16,1,.3,1);width:100%}.gallery-overlay{align-items:center;background:linear-gradient(0deg,#0a0a0fcc 0,#0a0a0f33 40%,#0000 60%);display:flex;flex-direction:column;gap:.5rem;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity .4s}.gallery-overlay-icon{font-size:2rem;transform:scale(.6)}.gallery-overlay-icon,.gallery-overlay-label{color:#ffffffe6;transition:transform .4s cubic-bezier(.16,1,.3,1)}.gallery-overlay-label{font-size:.8rem;font-weight:600;padding:0 .5rem;text-align:center;transform:translateY(10px)}.gallery-item:hover img{transform:scale(1.08)}.gallery-item:hover .gallery-overlay{opacity:1}.gallery-item:hover .gallery-overlay-icon{transform:scale(1)}.gallery-item:hover .gallery-overlay-label{transform:translateY(0)}.philosophy{padding:8rem 2rem;position:relative;text-align:center}.philosophy-bg{background:radial-gradient(ellipse at center,#14b8a614 0,#0000 70%);inset:0;pointer-events:none;position:absolute}.philosophy-quote{font-size:clamp(1.5rem,3.5vw,2.5rem);font-weight:700;line-height:1.4;margin:0 auto;max-width:900px;opacity:0;position:relative;transform:translateY(40px);z-index:1}.philosophy-quote .highlight{-webkit-text-fill-color:#0000;background:var(--gradient-main);-webkit-background-clip:text;background-clip:text}.philosophy-author{color:var(--text-muted);font-size:1rem;font-weight:500;margin-top:2rem;opacity:0;position:relative;z-index:1}.footer{border-top:1px solid var(--border-card);padding:4rem 2rem;text-align:center}.footer-content{margin:0 auto;max-width:1200px}.footer-links{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:2rem}.footer-link{align-items:center;background:var(--bg-card);border:1px solid var(--border-card);border-radius:10px;color:var(--text-secondary);display:inline-flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.6rem 1.25rem;transition:all .3s}.footer-link:hover{background:var(--bg-card-hover);border-color:var(--border-card-hover);color:var(--text-primary);transform:translateY(-2px)}.footer-copy{color:var(--text-muted);font-size:.8rem}.lightbox{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#000000eb;display:flex;inset:0;justify-content:center;opacity:0;pointer-events:none;position:fixed;transition:opacity .3s;z-index:9999}.lightbox.active{opacity:1;pointer-events:all}.lightbox img{border-radius:12px;max-height:90vh;max-width:90vw;object-fit:contain;transform:scale(.9);transition:transform .4s cubic-bezier(.16,1,.3,1)}.lightbox.active img{transform:scale(1)}.lightbox-close{align-items:center;background:#ffffff1a;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;height:44px;justify-content:center;position:absolute;right:2rem;top:2rem;transition:all .3s;width:44px}.lightbox-close:hover{background:#fff3;transform:rotate(90deg)}.loader{align-items:center;background:var(--bg-primary);display:flex;inset:0;justify-content:center;position:fixed;transition:opacity .6s,visibility .6s;z-index:10000}.loader.hidden{opacity:0;pointer-events:none;visibility:hidden}.loader-logo{height:90px;width:90px}.loader-svg{height:100%;overflow:visible;width:100%}.loader-text-bg{fill:#14b8a614;letter-spacing:-1px}.loader-text,.loader-text-bg{font-family:var(--font-sans);font-size:36px;font-weight:900}.loader-text{fill:none;stroke:url(#loaderGrad);stroke-width:1.5;stroke-dasharray:200;stroke-dashoffset:200;animation:loaderDraw 2s ease-in-out infinite}.loader-ring{fill:none;stroke:#14b8a626;stroke-width:1;stroke-dasharray:276;stroke-dashoffset:276;stroke-linecap:round;animation:loaderSpin 2s ease-in-out infinite;transform-origin:center}@keyframes loaderDraw{0%{stroke-dashoffset:200;opacity:.3}50%{stroke-dashoffset:0;opacity:1}to{stroke-dashoffset:-200;opacity:.3}}@keyframes loaderSpin{0%{stroke-dashoffset:276;transform:rotate(0deg)}50%{stroke-dashoffset:40}to{stroke-dashoffset:276;transform:rotate(1turn)}}@media (max-width:1024px){.about{gap:3rem;grid-template-columns:1fr}.about-image-wrapper{order:-1}.about-image{max-width:300px}.projects-grid{grid-template-columns:1fr}.project-card.featured{grid-column:span 1}.gallery-masonry{column-count:3}.timeline-dot,.timeline-line{left:20px}.timeline-item:nth-child(2n),.timeline-item:nth-child(odd){flex-direction:row;padding-left:3.5rem;padding-right:0;text-align:left}.showcase{flex-direction:column;gap:2.5rem;min-height:auto}.showcase-info{text-align:center}.showcase-tags{justify-content:center}.showcase-link{margin:0 auto}.device-frame.macbook{width:480px}}@media (max-width:768px){.section{padding:5rem 1.25rem}.nav-links{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0a0a0ff7;border-left:1px solid var(--border-card);flex-direction:column;gap:2.5rem;height:100vh;justify-content:center;max-width:320px;position:fixed;right:-100%;top:0;transition:right .4s cubic-bezier(.16,1,.3,1);width:80%}.nav-links.open{right:0}.nav-links a{font-size:1.25rem}.nav-burger{display:flex}.about-stats{gap:.75rem}.stat{padding:1rem .5rem}.stat-number{font-size:1.5rem}.press-grid{grid-template-columns:1fr}.gallery-masonry{column-count:2}.device-frame.iphone{border-radius:40px;padding:8px;width:230px}.device-frame.iphone .device-screen{border-radius:32px}.device-dynamic-island{height:20px;top:12px;width:68px}.device-frame.macbook{width:350px}.device-screen-bezel{padding:22px 10px 10px}.showcase-name{font-size:1.75rem}.showcase-selector{gap:.25rem;padding:.35rem}.showcase-tab{font-size:.75rem;padding:.5rem .75rem}.showcase-tab-name{display:none}.showcase-tab-icon{font-size:1.3rem}}@media (max-width:480px){.hero-cta{align-items:center;flex-direction:column}.btn-outline,.btn-primary{max-width:280px;text-align:center;width:100%}.about-image{max-width:260px}.gallery-masonry{column-count:2}.footer-links{align-items:center;flex-direction:column}.device-frame.iphone{border-radius:36px;padding:7px;width:200px}.device-frame.iphone .device-screen{border-radius:28px}.device-dynamic-island{height:18px;top:10px;width:60px}.device-frame.macbook{width:300px}.device-screen-bezel{padding:20px 8px 8px}}.cursor-dot,.cursor-ring{border-radius:50%;left:0;pointer-events:none;position:fixed;top:0;transition:width .3s,height .3s,margin .3s,opacity .3s;will-change:transform;z-index:9999}.cursor-dot{background:#14b8a6;box-shadow:0 0 12px #14b8a699;height:6px;margin:-3px 0 0 -3px;width:6px}.cursor-dot.hover{height:4px;margin:-2px 0 0 -2px;opacity:.5;width:4px}.cursor-ring{border:1.5px solid #14b8a659;height:36px;margin:-18px 0 0 -18px;transition:transform .2s cubic-bezier(.16,1,.3,1),border-color .3s;width:36px}.cursor-ring.hover{border-color:#14b8a699}@media (pointer:coarse){.cursor-dot,.cursor-ring{display:none}}.noise-overlay{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:256px 256px;inset:0;opacity:.035;z-index:9998}.back-to-top,.noise-overlay{pointer-events:none;position:fixed}.back-to-top{align-items:center;backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));background:var(--bg-card);border:1px solid var(--border-card);border-radius:50%;border-top:1px solid #ffffff1a;bottom:2rem;color:var(--text-primary);cursor:none;display:flex;font-size:1.25rem;height:48px;justify-content:center;opacity:0;right:2rem;transform:translateY(20px);transition:opacity .4s,transform .4s cubic-bezier(.16,1,.3,1),background .3s,box-shadow .3s;width:48px;z-index:100}.back-to-top.visible{opacity:1;pointer-events:all;transform:translateY(0)}.back-to-top:hover{background:#14b8a626;border-color:#14b8a64d;box-shadow:0 0 24px #14b8a626}.reveal{opacity:0;transform:translateY(40px)}
/*# sourceMappingURL=main.095d69e5.css.map*/