body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@font-face{font-display:swap;font-family:Geist;font-style:normal;font-weight:100 900;src:url(/static/media/Geist-Variable.b491726cdcc9fcf797b1.woff2) format("woff2")}@font-face{font-display:swap;font-family:Geist Mono;font-style:normal;font-weight:100 900;src:url(/static/media/GeistMono-Variable.185c80ac95ecbe03570b.woff2) format("woff2")}*{box-sizing:border-box;letter-spacing:-.05em;margin:0;padding:0}body{background:#fff;color:#111;font-family:Geist,sans-serif;overflow-x:hidden;padding:2rem;position:relative}@media (min-width:769px){body{cursor:none}.custom-cursor{border:2px solid #cfc84f;border-radius:50%;height:20px;mix-blend-mode:difference;pointer-events:none;position:fixed;transform:translate(-50%,-50%);transition:width .3s ease,height .3s ease,border-color .3s ease;width:20px;z-index:99999}.custom-cursor.hover{border-color:#ff8c00;height:40px;width:40px}.custom-cursor-dot{background:#cfc84f;border-radius:50%;height:4px;pointer-events:none;position:fixed;transform:translate(-50%,-50%);transition:transform .1s ease;width:4px;z-index:99998}}.scroll-progress{background:#0000000d;height:3px;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:9999}.scroll-progress-bar{background:linear-gradient(90deg,#cfc84f,#ff8c00);box-shadow:0 0 10px #cfc84f80;height:100%;transition:width .1s ease-out}.floating-elements{height:100%;left:0;overflow:hidden;pointer-events:none;position:fixed;top:0;width:100%;z-index:1}.floating-gradient{animation:floatGradient 20s ease-in-out infinite;mix-blend-mode:multiply;opacity:.3;position:absolute;will-change:transform}.gradient-image{filter:blur(1px);height:100%;object-fit:contain;width:100%}@keyframes floatGradient{0%{opacity:.25;transform:translate(0) rotate(0deg) scale(1)}20%{opacity:.4;transform:translate(60px,-80px) rotate(8deg) scale(1.1)}40%{opacity:.35;transform:translate(-50px,70px) rotate(-10deg) scale(.9)}60%{opacity:.4;transform:translate(70px,50px) rotate(6deg) scale(1.05)}80%{opacity:.35;transform:translate(-40px,-60px) rotate(-8deg) scale(.95)}to{opacity:.25;transform:translate(0) rotate(0deg) scale(1)}}code,pre{font-family:Geist Mono,monospace}.nav{align-items:center;display:flex;justify-content:space-between;padding-bottom:2rem;position:relative;z-index:10}.name{font-weight:500}.menu{align-items:center;background:#111;border-radius:50%;cursor:pointer;display:flex;flex-direction:column;gap:6px;height:40px;justify-content:center;width:40px}.bar{background:#fff;height:2px;transition:all .3s ease;width:18px}.menu.active .bar:first-child{transform:rotate(45deg) translate(6px,6px)}.menu.active .bar:nth-child(2){opacity:0;transform:translateX(-10px)}.menu.active .bar:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.menu:hover{background:#222;transform:scale(1.05)}.menu:hover .bar{background:#cfc84f}.mobile-menu{align-items:center;animation:menuSlideIn .4s cubic-bezier(.4,0,.2,1);background:#000;bottom:0;display:flex;justify-content:center;left:0;overflow:hidden;position:fixed;right:0;top:0;z-index:1000}.mobile-menu-background{animation:pulse 4s ease-in-out infinite;background:radial-gradient(circle at 50% 50%,#ff8c001a 0,#0000 70%);inset:0;opacity:.5;position:absolute}.mobile-menu-content{animation:contentFadeIn .6s cubic-bezier(.4,0,.2,1) .2s both;display:flex;flex-direction:column;gap:3rem;position:relative;text-align:center;z-index:1}.menu-link{color:#fff;display:inline-block;font-size:2.5rem;font-weight:600;letter-spacing:-.02em;overflow:hidden;position:relative;text-decoration:none;transition:transform .3s cubic-bezier(.4,0,.2,1)}.menu-link:hover{transform:translateX(10px)}.menu-link-text{display:inline-block;position:relative;transition:color .3s ease}.menu-link:hover .menu-link-text{color:#cfc84f}.menu-link-underline{background:linear-gradient(90deg,#cfc84f,#0000);bottom:0;height:2px;left:0;position:absolute;transition:width .4s cubic-bezier(.4,0,.2,1);width:0}.menu-link:hover .menu-link-underline{width:100%}@keyframes menuSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes contentFadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-top{align-items:center;display:flex;justify-content:center;padding:6rem 1.5rem 12rem;position:relative;text-align:center;width:100%;z-index:10}.hero-top-content{max-width:720px}.hero-top h1{color:#111;font-size:3.5rem;font-weight:700;line-height:1.1;margin-bottom:1.5rem}.hero-top-italic{font-style:italic}.hero-top p{color:#666;font-size:1.1rem;line-height:1.7;margin-bottom:2rem}.hero-top-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.hero-top-btn{align-items:center;border-radius:999px;display:inline-flex;font-weight:600;justify-content:center;overflow:hidden;padding:.85rem 2rem;position:relative;text-decoration:none;transition:all .4s cubic-bezier(.4,0,.2,1)}.hero-top-btn:before{background:#fff3;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease;width:0}.hero-top-btn:hover:before{height:300px;width:300px}.hero-top-btn span{position:relative;z-index:1}.hero-top-btn.primary{background:#111;box-shadow:0 10px 30px #00000026;color:#fff}.hero-top-btn.primary:hover{background:#222;box-shadow:0 14px 36px #00000040;transform:translateY(-4px) scale(1.02)}.hero-top-btn.secondary{background:#f1f1f1;border:2px solid #0000;color:#111}.hero-top-btn.secondary:hover{background:#fff;border-color:#cfc84f;box-shadow:0 12px 32px #0000001f;transform:translateY(-4px) scale(1.02)}.hero{margin:4rem 0 10rem 2rem;max-width:720px;padding:0 .5rem 0 0;text-align:left;z-index:10}.hero,.hero h2{position:relative}.hero h2{color:#111;font-size:2.8rem;font-weight:700;line-height:1.2;text-shadow:0 2px 10px #fffc;z-index:20}.hero h2 .mobile-break{display:none}.hero-floating-image{animation:floatAround 8s ease-in-out infinite;pointer-events:none;position:absolute;right:-450px;top:-150px;z-index:15}.hero-floating-image img{border-radius:20px;filter:drop-shadow(0 10px 30px rgba(0,0,0,.15));height:auto;object-fit:cover;width:500px}@keyframes floatAround{0%,to{transform:translate(0) rotate(0deg)}25%{transform:translate(-20px,-30px) rotate(2deg)}50%{transform:translate(10px,-50px) rotate(-2deg)}75%{transform:translate(-10px,-20px) rotate(1deg)}}.typed-text{animation:gradientShift 4s ease-in-out infinite;backface-visibility:hidden;background-size:200% 200%;color:#fff;font-family:monospace;padding:.15rem .4rem;transition:background .8s cubic-bezier(.25,.46,.45,.94);will-change:background-position}.cursor,.typed-text{display:inline-block;font-size:2.6rem;position:relative;z-index:20}.cursor{animation:blink .7s infinite;color:#111;text-shadow:0 2px 10px #fffc}.hero p{color:#444;font-size:1.05rem;line-height:1.7;margin-bottom:20rem;margin-top:2rem;position:relative;text-shadow:0 1px 5px #ffffffb3;z-index:20}.hero-skills{margin:4rem 0 6rem 2rem;max-width:720px;padding:0 .5rem 0 0;position:relative;z-index:10}.hero-skills .tool-list{display:flex;flex-direction:column;gap:10px}.hero-skills .tool-card{align-items:center;background:#fff;border-radius:16px;box-shadow:0 6px 20px #00000014;display:flex;isolation:isolate;justify-content:space-between;max-width:600px;overflow:hidden;padding:12px 20px;position:relative;width:100%}.hero-skills .tool-card:before{background:#111;border-radius:16px;content:"";inset:0;position:absolute;transition:width .3s ease-in-out;width:0;z-index:0}.hero-skills .tool-card.animate:before{width:var(--progress)}.hero-skills .tool-card img{border-radius:8px;height:36px;margin-right:16px;position:relative;width:36px;z-index:1}.hero-skills .tool-info{flex:1 1;position:relative;text-align:left;z-index:1}.hero-skills .tool-info h4{color:#111;font-size:1rem;font-weight:600;margin:0}.hero-skills .tool-card.animate .tool-info h4{color:#fff}.hero-skills .tool-info p{color:#666;font-size:.875rem;margin:4px 0 0}.hero-skills .tool-card.animate .tool-info p{color:#ddd}.hero-skills .progress-bar{background:#111;border-radius:16px;height:100%;left:0;position:absolute;top:0;transition:width 1.2s cubic-bezier(.4,2,.6,1);width:0;z-index:0}.hero-skills .tool-card.animate .progress-bar{width:var(--progress)}.hero-skills .progress-badge{background:#eee;border-radius:999px;color:#111;font-size:.9rem;font-weight:600;padding:6px 14px;position:relative;z-index:1}.hero-summary{margin:0 0 10rem 2rem;max-width:720px;padding-right:2rem;text-align:left}.hero-summary h3{color:#111;font-size:1.8rem;font-weight:700;margin-bottom:1.5rem}.hero-summary p{color:#6b6b6b;font-size:1.05rem;line-height:1.8;margin-bottom:1.5rem;max-width:640px}.hero-summary p:last-of-type{margin-bottom:0}.services-section{margin:0 auto;max-width:1400px;padding:6rem 2rem;position:relative;z-index:10}.services-container{grid-gap:4rem;align-items:start;display:grid;gap:4rem;grid-template-columns:1fr 1fr}.services-content{gap:0}.services-cards,.services-content{display:flex;flex-direction:column}.services-cards{gap:1rem}.service-card-wrapper{display:flex;flex-direction:column;gap:0}.service-card-image-mobile{display:none}.service-card{backface-visibility:hidden;background:#fff;border:2px solid #0000;border-radius:16px;box-shadow:0 2px 12px #0000000f;cursor:pointer;overflow:hidden;padding:1.5rem;position:relative;transform:translateZ(0);transition:all .6s cubic-bezier(.25,.46,.45,.94);will-change:transform,box-shadow}.service-card:before{animation:gradientShift 4s ease-in-out infinite;background:linear-gradient(135deg,#cfc84f,#a8a03a,#cfc84f);background:var(--card-gradient,linear-gradient(135deg,#cfc84f,#a8a03a,#cfc84f));background-size:200% 200%;border-radius:16px;bottom:0;content:"";left:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;padding:2px;position:absolute;right:0;top:0;transition:opacity .6s cubic-bezier(.25,.46,.45,.94),background-position 4s ease}.service-card:hover:before{opacity:1}.service-card:hover{border-color:#0000;box-shadow:0 8px 32px #cfc84f33,0 4px 20px #0000001a;transform:translateY(-3px) scale(1.008)}.service-card.expanded{animation:pulseGlow 3s ease-in-out infinite;border-color:#0000;box-shadow:0 12px 40px #cfc84f40,0 6px 24px #0000001f}.service-card.expanded:before{opacity:1}@keyframes gradientShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@keyframes pulseGlow{0%,to{box-shadow:0 12px 40px #cfc84f40,0 6px 24px #0000001f}50%{box-shadow:0 14px 44px #cfc84f4d,0 7px 28px #00000024}}.service-card .ripple{animation:rippleEffect .8s cubic-bezier(.25,.46,.45,.94);border-radius:50%;pointer-events:none;position:absolute;transform:scale(0)}@keyframes rippleEffect{to{opacity:0;transform:scale(4)}}.service-card-header{align-items:center;display:flex;gap:1rem}.service-icon{align-items:center;backface-visibility:hidden;background:linear-gradient(135deg,#cfc84f1a,#cfc84f0d);border-radius:10px;color:#111;display:flex;flex-shrink:0;height:40px;justify-content:center;overflow:hidden;position:relative;transition:all .5s cubic-bezier(.25,.46,.45,.94);width:40px;will-change:transform}.service-icon:before{background:#cfc84f33;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .7s cubic-bezier(.25,.46,.45,.94),height .7s cubic-bezier(.25,.46,.45,.94);width:0}.service-card:hover .service-icon{background:linear-gradient(135deg,#cfc84f33,#cfc84f1a);color:#cfc84f;transform:scale(1.12) rotate(3deg)}.service-card:hover .service-icon:before{height:100px;width:100px}.service-card.expanded .service-icon{animation:iconPulse 3s ease-in-out infinite;background:linear-gradient(135deg,#cfc84f40,#cfc84f26);color:#cfc84f}@keyframes iconPulse{0%,to{transform:scale(1) rotate(0deg)}50%{transform:scale(1.08) rotate(2deg)}}.service-title-group{display:flex;flex:1 1;flex-direction:column;gap:.25rem}.service-card h3{color:#111;font-size:1.1rem;font-weight:600;margin:0;transition:color .5s cubic-bezier(.25,.46,.45,.94)}.service-card.expanded h3{color:#000}.service-subtitle{color:#888;font-size:.85rem;font-weight:400;transition:color .5s cubic-bezier(.25,.46,.45,.94)}.service-card.expanded .service-subtitle{color:#666}.service-arrow{align-items:center;backface-visibility:hidden;background:#cfc84f0d;border-radius:50%;color:#666;display:inline-block;display:flex;flex-shrink:0;font-size:1.2rem;height:32px;justify-content:center;position:relative;transition:all .5s cubic-bezier(.25,.46,.45,.94);width:32px;will-change:transform}.service-card:hover .service-arrow{background:#cfc84f26;color:#cfc84f;transform:scale(1.08)}.service-card.expanded .service-arrow{animation:arrowBounce 2s ease-in-out infinite;background:#cfc84f33;color:#cfc84f;transform:rotate(180deg) scale(1.12)}@keyframes arrowBounce{0%,to{transform:rotate(180deg) scale(1.12) translateY(0)}50%{transform:rotate(180deg) scale(1.12) translateY(-2px)}}.service-card-content{animation:slideDown .6s cubic-bezier(.25,.46,.45,.94);border-top:1px solid #f0f0f0;margin-top:1.5rem;opacity:1;padding-top:1.5rem;position:relative}.service-card-content:before{animation:borderGrow .7s cubic-bezier(.25,.46,.45,.94) .3s forwards;background:linear-gradient(90deg,#cfc84f,#a8a03a);background:var(--card-gradient,linear-gradient(90deg,#cfc84f,#a8a03a));content:"";height:2px;left:0;position:absolute;top:0;width:0}@keyframes borderGrow{to{width:100%}}.service-card-content p{animation:fadeInUp .6s cubic-bezier(.25,.46,.45,.94);animation-fill-mode:both;color:#666;font-size:1rem;line-height:1.6;margin:0 0 1rem}.service-card-content p:first-child{animation-delay:.15s}.service-card-content p:nth-child(2){animation-delay:.25s}.service-card-content p:nth-child(3){animation-delay:.35s}.service-card-content p:nth-child(4){animation-delay:.45s}.service-card-content .project-skills{animation-delay:.55s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.service-card-content p:last-child{margin-bottom:0}.service-card-content .project-role{color:#444;font-size:.95rem;font-weight:600;margin-bottom:.75rem}.service-card-content .project-skills{border-top:1px solid #e8e8e8;display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.25rem;padding-top:1.25rem}.skill-tag{backface-visibility:hidden;background:linear-gradient(135deg,#cfc84f1a,#cfc84f0d);border:1px solid #cfc84f33;border-radius:20px;color:#666;cursor:default;display:inline-block;font-size:.85rem;font-weight:500;overflow:hidden;padding:.4rem .9rem;position:relative;transition:all .4s cubic-bezier(.25,.46,.45,.94);will-change:transform}.skill-tag:before{background:linear-gradient(90deg,#0000,#cfc84f4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s cubic-bezier(.25,.46,.45,.94);width:100%}.skill-tag:hover{background:linear-gradient(135deg,#cfc84f33,#cfc84f1a);border-color:#cfc84f66;box-shadow:0 4px 12px #cfc84f33;color:#333;transform:translateY(-1.5px) scale(1.03)}.skill-tag:hover:before{left:100%}@keyframes slideDown{0%{max-height:0;opacity:0;transform:translateY(-10px)}to{max-height:1000px;opacity:1;transform:translateY(0)}}.services-image{align-items:flex-start;transition:all .7s cubic-bezier(.25,.46,.45,.94)}.services-image,.services-image-placeholder{display:flex;height:100%;justify-content:center;min-height:500px;position:relative}.services-image-placeholder{align-items:center;background:#191919;border-radius:24px;overflow:hidden;transition:all .5s cubic-bezier(.4,0,.2,1);width:100%}.services-project-image{animation:fadeInImage .8s cubic-bezier(.25,.46,.45,.94) forwards;backface-visibility:hidden;border-radius:24px;display:block;height:auto;max-height:100%;min-height:500px;object-fit:cover;object-position:top;opacity:0;width:100%;will-change:opacity,transform}@keyframes fadeInImage{0%{opacity:0;transform:scale(.99) translateY(5px)}to{opacity:1;transform:scale(1) translateY(0)}}.image-variant-default{background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f3460)}.image-variant-default .glow-effect{background:linear-gradient(135deg,#ff8c0033,#0096ff26)}.image-variant-default .glow-effect:before{background:radial-gradient(circle,#ff8c004d 0,#0096ff33 50%,#0000 70%)}.image-variant-0{background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f3460)}.image-variant-0 .glow-effect{background:linear-gradient(135deg,#ff8c0066,#0096ff4d)}.image-variant-0 .glow-effect:before{background:radial-gradient(circle,#ff8c0080 0,#0096ff4d 50%,#0000 70%)}.image-variant-1{background:linear-gradient(135deg,#1a0d2e,#2d1b4e 50%,#3d2a5e)}.image-variant-1 .glow-effect{background:linear-gradient(135deg,#8a2be266,#ff14934d)}.image-variant-1 .glow-effect:before{background:radial-gradient(circle,#8a2be280 0,#ff14934d 50%,#0000 70%)}.image-variant-2{background:linear-gradient(135deg,#0d2e1a,#1b4e2d 50%,#2a5e3d)}.image-variant-2 .glow-effect{background:linear-gradient(135deg,#00ff7f66,#00ced14d)}.image-variant-2 .glow-effect:before{background:radial-gradient(circle,#00ff7f80 0,#00ced14d 50%,#0000 70%)}.image-variant-3{background:linear-gradient(135deg,#2e0d0d,#4e1b1b 50%,#5e2a2a)}.image-variant-3 .glow-effect{background:linear-gradient(135deg,#ff450066,#ff8c004d)}.image-variant-3 .glow-effect:before{background:radial-gradient(circle,#ff450080 0,#ff8c004d 50%,#0000 70%)}.glow-effect{animation:pulse 3s ease-in-out infinite;background:linear-gradient(135deg,#ff8c004d,#ff450033);inset:0;opacity:.6}.glow-effect,.glow-effect:before{position:absolute;transition:all .5s ease}.glow-effect:before{animation:rotate 20s linear infinite;background:radial-gradient(circle,#ff8c0066 0,#0000 70%);content:"";height:200%;left:-50%;top:-50%;width:200%}@keyframes pulse{0%,to{opacity:.4}50%{opacity:.7}}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){body{box-sizing:border-box;font-size:1rem;padding:0}.App,body{max-width:100vw;overflow-x:hidden;width:100%}.nav{padding:1rem 1.5rem 1.5rem}.name{font-size:1rem}.menu{height:44px;min-height:44px;min-width:44px;width:44px}.hero-top{padding:3rem 1.5rem 4rem}.hero-top h1{font-size:2.25rem;line-height:1.2}.hero-top p{font-size:1rem;margin-bottom:2rem}.hero-top-actions{flex-direction:column;gap:1rem;width:100%}.hero-top-btn{font-size:1rem;min-height:48px;padding:1rem 2rem;width:100%}.hero{margin:2rem auto 3rem;max-width:100%;padding:0 1.5rem;text-align:center}.hero h2{font-size:2.25rem;line-height:1.3}.hero h2 .mobile-break{display:block}.typed-text{padding:.1rem .3rem}.cursor,.typed-text{font-size:2rem}.hero p{font-size:1rem;line-height:1.6;margin-bottom:2rem;margin-top:1.5rem}.hero-floating-image{display:block;margin:1.5rem auto;position:relative;right:auto;top:auto}.hero-floating-image img{width:200px}.hero-skills{margin:2rem auto 3rem;max-width:100%;padding:0 1.5rem}.hero-skills .tool-card{max-width:100%;padding:1rem}.services-section{padding:1rem 1.5rem 3rem}.services-container{gap:2rem;grid-template-columns:1fr}.service-card{min-height:auto;padding:1.25rem}.service-card-header{gap:.75rem}.service-icon{height:36px;min-height:36px;min-width:36px;width:36px}.service-card h3{font-size:1rem}.service-subtitle{font-size:.9rem}.service-arrow{font-size:1rem;height:28px;width:28px}.service-card-content{margin-top:1.25rem;padding-top:1.25rem}.service-card-content p{font-size:1rem;margin-bottom:.75rem}.service-card-content .project-role{font-size:1rem}.skill-tag{font-size:.9rem;padding:.35rem .75rem}.service-card-wrapper{gap:1rem}.service-card-image-mobile{border-radius:16px;display:block;margin-bottom:0;overflow:hidden;width:100%}.services-project-image-mobile{display:block;height:auto;max-height:300px;min-height:200px;object-fit:cover;object-position:top;width:100%}.services-image,.services-image-placeholder,.services-project-image{display:none}.projects-section{margin-bottom:-1rem!important;padding:2rem 1.5rem 0!important}.projects-header{margin:0 auto;margin-bottom:0!important;max-width:100%;padding-bottom:0!important;text-align:center}.projects-pill{font-size:.9rem;margin-bottom:1.5rem;padding:.35rem 1.2rem}.projects-header h2{color:#111!important;line-height:1.3!important;margin-bottom:.25rem!important;position:relative;text-align:center!important;z-index:20}.projects-header h2,.projects-header h2 em{font-size:2.25rem!important;font-weight:700!important}.projects-header h2 em{font-style:italic!important}.projects-header p{color:#444!important;font-size:1rem!important;line-height:1.6!important;margin:0 0 -1rem!important;padding-bottom:0!important;position:relative;text-align:center!important;z-index:20}.about-section{padding:3rem 1.5rem}.about-header h2{font-size:1.5rem}.about-subtitle,.about-text p{font-size:1rem}.achievements-grid{gap:1.5rem;grid-template-columns:1fr}.achievement-card{padding:1.5rem}.achievement-card h3,.achievement-card p{font-size:1rem}.skills-grid{gap:1rem;grid-template-columns:1fr}.skill-item{padding:1.5rem}.skill-item h4,.skill-item p{font-size:1rem}.contact-section{box-sizing:border-box!important;margin-bottom:0!important;margin-left:0!important;margin-right:0!important;overflow-x:hidden;padding:3rem 1rem!important}.contact-container,.contact-section{max-width:100%!important;width:100%!important}.contact-container{align-items:flex-start;box-sizing:border-box;flex-direction:column!important;gap:2rem;margin:0;padding:0}.contact-logo{flex-wrap:wrap;gap:.75rem;width:100%}.logo-shape{flex-shrink:0;height:28px;width:28px}.logo-triangle{border-bottom:24px solid #d0d0d0;border-left:14px solid #0000;border-right:14px solid #0000;flex-shrink:0}.contact-links-grid{box-sizing:border-box;flex-direction:row;flex-wrap:wrap;gap:1.5rem;justify-content:space-between;width:100%!important}.contact-column{box-sizing:border-box;flex:1 1 45%;gap:.5rem;max-width:calc(50% - .75rem);min-width:0}.contact-column-title{word-wrap:break-word;font-size:.95rem;margin-bottom:.25rem}.contact-link-item{word-wrap:break-word;display:block;font-size:.95rem;line-height:1.5}.bottom-nav{bottom:20px;padding:0 1rem}.nav-inner{border-width:4px;max-width:100%;padding:1px}.nav-icons{gap:24px;padding:.5rem 1rem}.nav-item{height:36px;width:36px}.cta-button{font-size:1rem;min-height:44px;padding:.75rem 1.25rem}.service-card.expanded,.service-card.expanded .service-arrow,.service-card.expanded .service-icon,.service-card:before{animation:none}.typed-text{animation:gradientShift 5s ease-in-out infinite}.service-card{-webkit-tap-highlight-color:rgba(207,200,79,.2)}.hero-top-btn{-webkit-tap-highlight-color:rgba(0,0,0,.1)}.floating-gradient{height:200px!important;max-height:250px;max-width:250px;opacity:.2;width:200px!important}.floating-elements{overflow:visible}.scroll-progress{height:3px}.menu-link{font-size:2rem}.mobile-menu-content{gap:2rem}}@media (max-width:480px){.hero h2,.hero-top h1{font-size:2rem}.cursor,.typed-text{font-size:1.75rem}.projects-header h2{font-size:1.35rem;line-height:1.3}.about-header h2,.projects-header h2 em{font-size:1.35rem}.service-card{padding:1rem}.contact-links-grid{flex-direction:column;gap:1.5rem}.nav-icons{gap:20px;padding:.5rem .75rem}.nav-item{height:32px;width:32px}}.bottom-nav{border:none;bottom:40px;box-shadow:none;left:50%;padding:0;position:fixed;transform:translateX(-50%);z-index:1000}.bottom-nav,.nav-inner{align-items:center;background:none;display:flex;justify-content:center;width:100%}.nav-inner{border:6px solid #fff;border-radius:999px;box-shadow:0 4px 24px #0000001a;gap:0;margin:0 auto;max-width:700px;padding:2px}.nav-icons{background:#ededed;border-radius:999px 0 0 999px;gap:36px;height:100%;padding:15px 32px}.nav-icons,.nav-item{align-items:center;display:flex}.nav-item{cursor:pointer;flex-direction:column;position:relative}.nav-item:after{background:#fff;border:1.5px solid #eee;border-radius:999px;bottom:120%;box-shadow:0 4px 16px #00000026;color:#222;content:attr(data-tooltip);font-size:1rem;font-weight:500;left:50%;opacity:0;padding:6px 18px;pointer-events:none;position:absolute;transform:translateX(-50%);transition:opacity .2s,transform .2s;white-space:nowrap;z-index:10}.nav-item:focus:after,.nav-item:hover:after{opacity:1;transform:translateX(-50%) translateY(-4px)}.cta-button{align-items:center;background:#222;border:none;border-radius:0 999px 999px 0;box-shadow:none;color:#fff;display:flex;font-size:1.2rem;font-weight:500;height:100%;margin-left:0;min-height:48px;padding:15px 60px;text-decoration:none;transition:background .2s;white-space:nowrap}.cta-button:hover{background:#444}.folder-grid{grid-gap:10px 10px;align-items:center;display:grid;gap:10px 10px;grid-template-columns:repeat(2,0fr);justify-content:center;margin:5rem auto;max-width:1000px;padding:0 2rem}.folder-card{background:#fff;border-radius:24px;box-shadow:0 12px 24px #00000014;margin:0 auto;max-width:300px;padding:2rem 1rem;perspective:800px;text-align:center;transition:transform .2s ease,box-shadow .2s ease}.folder{align-items:center;display:flex;height:200px;justify-content:center;margin:-2.5rem auto -1.5rem;position:relative;width:250px}.folder-back{z-index:0}.folder-back,.folder-front{height:auto;left:50%;position:absolute;transform:translateX(-50%);width:50%}.folder-front{top:px;transform-origin:bottom;transform-style:preserve-3d;transition:transform .4s ease;z-index:1}.folder-card:hover .folder-front{transform:translateX(-50%) rotateX(-60deg)}.folder-card p{font-size:1rem;font-weight:500}.container{margin:0 auto;max-width:800px;padding:0}.about-section{background:#fafafa;padding:5rem 0}.about-header{margin-bottom:4rem;text-align:center}.about-header h2{color:#111;font-size:3rem;font-weight:700;margin-bottom:1rem}.about-subtitle{color:#666;font-size:1.3rem;line-height:1.6;margin:0 auto;max-width:600px}.about-content{margin:0 auto;max-width:1200px}.about-text{margin-bottom:4rem}.about-text p{color:#333;font-size:1.1rem;line-height:1.8;margin-bottom:1.5rem;max-width:800px}.achievements-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:4rem}.achievement-card{background:#fff;border:1px solid #f0f0f0;border-radius:20px;box-shadow:0 8px 32px #00000014;padding:2.5rem;transition:transform .3s ease,box-shadow .3s ease}.achievement-card:hover{box-shadow:0 20px 40px #0000001f;transform:translateY(-8px)}.achievement-icon{display:block;font-size:3rem;margin-bottom:1.5rem}.achievement-card h3{color:#111;font-size:1.5rem;font-weight:700;margin-bottom:1rem}.achievement-card p{color:#666;font-size:1rem;line-height:1.6}.personal-touch{margin-bottom:4rem;text-align:center}.personal-touch p{color:#2a60e0;font-size:1.2rem;font-style:italic;font-weight:600}.skills-section{text-align:center}.skills-section h3{color:#111;font-size:2rem;font-weight:700;margin-bottom:2rem}.skills-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:0 auto;max-width:900px}.skill-item{background:#fff;border:1px solid #f0f0f0;border-radius:16px;box-shadow:0 6px 24px #0000000f;padding:2rem;transition:transform .2s ease}.skill-item:hover{transform:translateY(-4px)}.skill-item h4{color:#111;font-size:1.3rem;font-weight:700;margin-bottom:1rem}.skill-item p{color:#666;font-size:1rem;line-height:1.6}@media (max-width:768px){.about-section{padding:3rem 0}.about-header h2{font-size:2.5rem}.about-subtitle{font-size:1.1rem}.achievements-grid{gap:1.5rem;grid-template-columns:1fr}.achievement-card{padding:2rem}.skills-grid{gap:1.5rem;grid-template-columns:1fr}}.projects-section{padding:0 2rem -2rem;position:relative;z-index:10}.projects-header{margin:0 auto;max-width:960px;text-align:center}.projects-pill{background:#191919;border-radius:999px;box-shadow:0 18px 35px #19191940;color:#fff;display:inline-block;font-size:.95rem;font-weight:600;letter-spacing:.02em;margin-bottom:1.8rem;padding:.4rem 1.4rem}.projects-header h2{color:#111;font-size:3.2rem;font-weight:600;line-height:1.15;margin-bottom:1.5rem}.projects-header h2 em{font-style:italic;font-weight:700}.projects-header p{color:#6f6f6f;font-size:1.1rem;line-height:1.8;margin:0}.project-item{display:flex;flex-direction:column;gap:1.25rem}.project-thumbnail{align-items:center;background:linear-gradient(180deg,#f6f6f6,#f4f4f4);border-radius:16px;display:flex;gap:1.25rem;height:240px;justify-content:center}.project-meta h3{color:#111;font-size:1.45rem;font-weight:600;margin:0 0 .4rem}.project-meta time{color:#a0a0a0;font-size:1rem}.project-thumbnail .shape{background:#e5e5e5}.projects-grid{grid-gap:3rem 2.5rem;display:grid;gap:3rem 2.5rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin:0 auto;max-width:1200px}.project-card{background:#f9f9f9;border:1px solid #eee;border-radius:32px;display:flex;flex-direction:column;overflow:hidden;padding:2.5rem;transition:transform .25s ease,box-shadow .25s ease}.project-card:hover{box-shadow:0 30px 55px #14141414;transform:translateY(-6px)}.project-thumbnail .square{border-radius:18px;height:84px;width:84px}.project-thumbnail .circle{border-radius:50%;height:90px;width:90px}.project-thumbnail .triangle{border-left:48px solid #0000;border-radius:16px;border-right:48px solid #0000;border-top:90px solid #e5e5e5;height:0;width:0}.project-body h3{color:#111;font-size:1.55rem;font-weight:600;margin-bottom:.6rem}.project-body time{color:#b0b0b0;display:block;font-size:1rem;margin-bottom:1.15rem}.project-body p{color:#5a5a5a;font-size:1.05rem;line-height:1.75}@media (max-width:768px){.project-card{padding:2rem}.project-thumbnail{height:200px}}.contact-section{background:#fff;box-sizing:border-box;color:#111;margin-bottom:-2rem;margin-left:-2rem;margin-right:-2rem;padding:6rem 2rem;position:relative;width:calc(100% + 4rem);z-index:10}.contact-container{align-items:center;display:flex;gap:4rem;justify-content:space-between;margin:0 auto;max-width:1200px}.contact-logo{align-items:center;display:flex;gap:1rem}.logo-shape{background:#d0d0d0;transition:all .3s ease}.logo-circle,.logo-square{height:40px;width:40px}.logo-circle{border-radius:50%}.logo-triangle{background:none;border-bottom:35px solid #d0d0d0;border-left:20px solid #0000;border-right:20px solid #0000;height:0;width:0}.contact-logo:hover .logo-shape{background:#999;transform:translateY(-3px)}.contact-logo:hover .logo-triangle{border-bottom-color:#999}.contact-links-grid{display:flex;flex:1 1;gap:4rem;justify-content:flex-end}.contact-column{display:flex;flex-direction:column;gap:1rem}.contact-column-title{color:#111;font-size:1rem;font-weight:700;letter-spacing:.02em;margin-bottom:.5rem}.contact-link-item{color:#999;font-size:1rem;line-height:1.6;text-decoration:none;transition:color .3s ease}.contact-link-item:hover{color:#111}@media (max-width:768px){.contact-container{align-items:flex-start;flex-direction:column;gap:3rem}.contact-links-grid{gap:3rem;justify-content:space-between;width:100%}.contact-column{gap:.75rem}}.toolkit-section{margin:5rem auto;max-width:900px;padding:0 2rem;text-align:center}.toolkit-label{background:#111;border-radius:999px;color:#fff;display:inline-block;font-size:.8rem;margin-bottom:1rem;padding:6px 16px}.toolkit-section h2{font-size:2.4rem;font-weight:700;line-height:1.3;margin-bottom:.5rem}.toolkit-section p{color:#666;font-size:1rem;margin:0 auto 3rem;max-width:600px}.tool-list{display:flex;flex-direction:column;gap:10px}.tool-card{align-items:center;background:#fff;border-radius:16px;box-shadow:0 6px 20px #00000014;display:flex;isolation:isolate;justify-content:space-between;margin-bottom:0;overflow:hidden;padding:12px 20px;position:relative}.tool-card:before{background:#111;border-radius:16px;content:"";inset:0;position:absolute;transition:width .3s ease-in-out;width:0;z-index:0}.tool-card.animate:before{width:var(--progress)}.tool-card img{border-radius:8px;height:36px;margin-right:16px;width:36px}.tool-card img,.tool-info{position:relative;z-index:1}.tool-info{flex:1 1;text-align:left}.tool-info h4{color:#fff;font-size:1rem;margin:0}.tool-info p{color:#ddd;font-size:.875rem;margin:4px 0 0}.progress-badge{background:#eee;border-radius:999px;color:#111;font-size:.9rem;font-weight:600;padding:6px 14px;position:relative;z-index:1}.tool-card{margin:0 auto;max-width:600px;width:100%}.progress-bar{background:#111;border-radius:12px;height:100%;position:absolute;top:0;transition:width 1.2s cubic-bezier(.4,2,.6,1);width:0;z-index:1}.tool-card.animate .progress-bar{width:var(--progress)}.progress-badge,.tool-info{position:relative;z-index:2}
/*# sourceMappingURL=main.ea6bf860.css.map*/