@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@300;400;500;600;700&display=swap);:root{--bg-primary:#fff;--bg-secondary:#f8fafc;--bg-tertiary:#f1f5f9;--text-primary:#0f172a;--text-secondary:#475569;--text-tertiary:#64748b;--accent-primary:#6366f1;--accent-secondary:#4f46e5;--accent-gradient:linear-gradient(135deg,#6366f1,#a855f7);--border-color:#e2e8f0;--glass-bg:#ffffffb3;--glass-border:#ffffff4d;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:1rem;--radius-full:9999px}.dark-mode{--bg-primary:#000;--bg-secondary:#0a0a0a;--bg-tertiary:#141414;--text-primary:#fdfdfd;--text-secondary:#a3a3a3;--text-tertiary:#737373;--accent-primary:#818cf8;--accent-secondary:#6366f1;--accent-gradient:linear-gradient(135deg,#818cf8,#c084fc);--border-color:#262626;--glass-bg:#000000b3;--glass-border:#ffffff1a;--shadow-sm:0 1px 2px 0 #00000080;--shadow-md:0 4px 6px -1px #000000b3,0 2px 4px -2px #000000b3;--shadow-lg:0 10px 15px -3px #000c,0 4px 6px -4px #000c}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;background-color:var(--bg-primary);font-family:Inter,sans-serif;line-height:1.6;transition:background-color .3s ease,color .3s ease}body,h1,h2,h3,h4,h5,h6{color:#0f172a;color:var(--text-primary)}h1,h2,h3,h4,h5,h6{font-family:Outfit,sans-serif;font-weight:700}a{color:inherit;text-decoration:none}a,button{transition:all .2s ease}button{background:none;border:none;cursor:pointer;font-family:inherit}.main-container{display:flex;flex-direction:column;min-height:100vh}.container{margin:0 auto;max-width:1400px;padding:0 3rem;width:100%}.glass{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffffb3;background:var(--glass-bg);border:1px solid #ffffff4d;border:1px solid var(--glass-border)}.section-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6366f1,#a855f7);background:var(--accent-gradient);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;margin-bottom:3rem;text-align:center}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .8s ease forwards}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f8fafc;background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:#64748b;background:var(--text-tertiary);border-radius:9999px;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:#6366f1;background:var(--accent-primary)}.bg-grid-pattern{background-image:linear-gradient(90deg,#e2e8f0 1px,#0000 0),linear-gradient(180deg,#e2e8f0 1px,#0000 0);background-image:linear-gradient(to right,var(--border-color) 1px,#0000 1px),linear-gradient(to bottom,var(--border-color) 1px,#0000 1px);background-size:40px 40px;mask-image:linear-gradient(180deg,#0000,#000,#0000);-webkit-mask-image:linear-gradient(180deg,#0000,#000,#0000);opacity:.4}.bg-dot-pattern,.bg-grid-pattern{inset:0;pointer-events:none;position:absolute;z-index:0}.bg-dot-pattern{background-image:radial-gradient(#64748b 1px,#0000 0);background-image:radial-gradient(var(--text-tertiary) 1px,#0000 1px);background-size:24px 24px;mask-image:radial-gradient(circle at center,#000,#0000 80%);-webkit-mask-image:radial-gradient(circle at center,#000,#0000 80%);opacity:.15}.bg-topo-pattern{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18a7 7 0 1 0 0-14 7 7 0 0 0 0 14zm48 25a7 7 0 1 0 0-14 7 7 0 0 0 0 14zm-43-7a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm63 31a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM34 90a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm56-76a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21a2 2 0 1 0 .001-3.999A2 2 0 0 0 80 29zM60 91a2 2 0 1 0 .001-3.999A2 2 0 0 0 60 91zM35 41a2 2 0 1 0 .001-3.999A2 2 0 0 0 35 41zM12 60a2 2 0 1 0 .001-3.999A2 2 0 0 0 12 60z' fill='%239C92AC' fill-opacity='.1' fill-rule='evenodd'/%3E%3C/svg%3E");background-size:400px;inset:0;opacity:.5;pointer-events:none;position:absolute;z-index:0}@media(max-width:768px){.container{padding:0 1.5rem}.section-title{font-size:2rem}}.footer-section{background-color:var(--bg-primary);border-top:1px solid var(--border-color);padding:4rem 0}.footer-section .footer-content{align-items:center;display:flex;flex-direction:column;gap:1.5rem;text-align:center}.footer-section .social-links{display:flex;gap:1.5rem}.footer-section .social-links a{color:var(--text-tertiary);transition:all .2s ease}.footer-section .social-links a:hover{color:var(--accent-primary);transform:translateY(-3px)}.footer-section .social-links a svg{height:1.5rem;width:1.5rem}.footer-section .copyright{color:var(--text-tertiary);display:flex;flex-direction:column;font-size:.875rem;gap:.5rem}.footer-section .copyright .footer-tag{color:var(--accent-primary);font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}@media(max-width:576px){.footer-section{padding:3rem 0}}.hero-section{align-items:center;background-color:var(--bg-primary);display:flex;min-height:90vh;overflow:hidden;padding-top:80px;position:relative}.hero-section:before{background:var(--accent-gradient);border-radius:50%;content:"";filter:blur(120px);height:40%;opacity:.15;position:absolute;right:-10%;top:-10%;width:40%;z-index:0}.hero-section .hero-content{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:1.2fr .8fr;position:relative;z-index:1}.hero-section .hero-text .social-links{display:flex;gap:1.5rem;margin-bottom:2rem}.hero-section .hero-text .social-links a{color:var(--text-tertiary);transition:transform .3s ease,color .3s ease}.hero-section .hero-text .social-links a:hover{color:var(--accent-primary);transform:translateY(-3px)}.hero-section .hero-text .social-links a svg{font-size:1.75rem}.hero-section .hero-text .hero-title{color:var(--text-primary);font-size:clamp(3rem,8vw,5rem);line-height:1.1;margin-bottom:1rem}.hero-section .hero-text .hero-title .text-accent{-webkit-text-fill-color:#0891b2;color:#0891b2;text-shadow:0 0 40px #0891b240}.hero-section .hero-text .hero-subtitle{color:var(--text-secondary);font-family:Outfit,sans-serif;font-size:1.5rem;font-weight:500;margin-bottom:1.5rem}.hero-section .hero-text .hero-bio{color:var(--text-tertiary);font-size:1.125rem;margin-bottom:2.5rem;max-width:540px}.hero-section .hero-text .hero-cta{display:flex;gap:1rem}.hero-section .hero-text .hero-cta a{border-radius:var(--radius-full);font-weight:600;padding:.75rem 2rem;transition:all .3s ease}.hero-section .hero-text .hero-cta .btn-primary{background:var(--accent-gradient);box-shadow:var(--shadow-md);color:#fff}.hero-section .hero-text .hero-cta .btn-primary:hover{box-shadow:var(--shadow-lg);filter:brightness(1.1);transform:translateY(-2px)}.hero-section .hero-text .hero-cta .btn-secondary{border:1px solid var(--border-color);color:var(--text-secondary)}.hero-section .hero-text .hero-cta .btn-secondary:hover{background-color:var(--bg-tertiary);border-color:var(--accent-primary);color:var(--accent-primary)}.hero-section .hero-image-wrapper{display:flex;justify-content:center}.hero-section .hero-image-wrapper .parallax-effect{transform-style:preserve-3d}.hero-section .hero-image-wrapper .image-blob{height:320px;position:relative;transform:translateZ(50px);width:320px}.hero-section .hero-image-wrapper .image-blob.magic-glow{animation:floatMagic 6s ease-in-out infinite}.hero-section .hero-image-wrapper .image-blob.magic-glow:after{animation:blobRotate 15s linear infinite,glowPulse 4s ease-in-out infinite;border:2px solid var(--accent-primary);border-radius:40% 60% 70% 30%/40% 50% 60% 70%;content:"";inset:-15px;opacity:.8;position:absolute;z-index:-1}.hero-section .hero-image-wrapper .image-blob img{border:4px solid var(--bg-primary);border-radius:40% 60% 70% 30%/40% 50% 60% 70%;box-shadow:0 0 30px #6366f166;height:100%;object-fit:cover;transition:box-shadow .3s ease;width:100%}@keyframes floatMagic{0%{transform:translateZ(50px) translateY(0)}50%{transform:translateZ(50px) translateY(-15px)}to{transform:translateZ(50px) translateY(0)}}@keyframes glowPulse{0%{box-shadow:0 0 20px #6366f14d,inset 0 0 20px #a855f733}50%{box-shadow:0 0 40px #6366f1b3,inset 0 0 40px #a855f780}to{box-shadow:0 0 20px #6366f14d,inset 0 0 20px #a855f733}}.flex-align-center{align-items:center;display:flex;gap:.5rem}.flex-align-center .magic-icon{animation:spin-pulse 4s linear infinite;color:#eab308}@keyframes spin-pulse{0%{filter:drop-shadow(0 0 5px rgba(234,179,8,.4));transform:rotate(0deg) scale(1)}50%{filter:drop-shadow(0 0 12px rgba(234,179,8,.8));transform:rotate(180deg) scale(1.1)}to{filter:drop-shadow(0 0 5px rgba(234,179,8,.4));transform:rotate(1turn) scale(1)}}.glow-effect{overflow:hidden;position:relative}.glow-effect:before{animation:shine 3s infinite;background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transform:skewX(-20deg);width:50%}@keyframes shine{0%{left:-100%}20%{left:200%}to{left:200%}}.magic-particles{inset:0;pointer-events:none;position:absolute;z-index:0}.magic-particles .particle{background:var(--accent-primary);border-radius:50%;box-shadow:0 0 10px var(--accent-gradient);height:6px;position:absolute;width:6px}.magic-particles .particle.p1{animation:floatParticle 8s ease-in-out infinite;left:30%;top:20%}.magic-particles .particle.p2{animation:floatParticle 10s ease-in-out infinite reverse;left:70%;top:60%}.magic-particles .particle.p3{animation:floatParticle 12s ease-in-out 2s infinite;background:#eab308;left:80%;top:40%}@keyframes floatParticle{0%{opacity:.2;transform:translate(0) scale(1)}33%{opacity:.8;transform:translate(30px,-50px) scale(1.5)}66%{opacity:.5;transform:translate(-20px,-20px) scale(.8)}to{opacity:.2;transform:translate(0) scale(1)}}@keyframes blobRotate{0%{border-radius:40% 60% 70% 30%/40% 50% 60% 70%;transform:rotate(0deg)}50%{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}to{border-radius:40% 60% 70% 30%/40% 50% 60% 70%;transform:rotate(1turn)}}@media(max-width:992px){.hero-section .hero-content{gap:3rem;grid-template-columns:1fr;text-align:center}.hero-section .hero-text{order:2}.hero-section .hero-text .social-links{justify-content:center}.hero-section .hero-text .hero-bio{margin-left:auto;margin-right:auto}.hero-section .hero-text .hero-cta{justify-content:center}.hero-section .hero-image-wrapper{order:1}.hero-section .hero-image-wrapper .image-blob{height:240px;width:240px}}.expertise-section{background-color:var(--bg-secondary);padding:8rem 0}.expertise-section .container{margin:0 auto;max-width:1400px;padding:0 3rem}.expertise-section .section-title{font-size:2.5rem;margin-bottom:3rem;text-align:center}.expertise-section .expertise-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(4,1fr)}@media(max-width:1200px){.expertise-section .expertise-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.expertise-section .expertise-grid{grid-template-columns:1fr}}.expertise-section .expertise-card{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;padding:2.5rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.expertise-section .expertise-card:hover{border-color:var(--accent-primary);box-shadow:var(--shadow-lg);transform:translateY(-8px)}.expertise-section .expertise-card .card-icon{align-items:center;background:var(--bg-tertiary);border-radius:var(--radius-md);color:var(--accent-primary);display:flex;height:64px;justify-content:center;margin-bottom:2rem;transition:all .3s ease;width:64px}.expertise-section .expertise-card .card-icon.database{background:#6366f11a;color:#6366f1}.expertise-section .expertise-card .card-icon.react{background:#a855f71a;color:#a855f7}.expertise-section .expertise-card .card-icon.cloud{background:#0ea5e91a;color:#0ea5e9}.expertise-section .expertise-card .card-icon.ai{background:#ec48991a;color:#ec4899}.expertise-section .expertise-card h3{color:var(--text-primary);font-size:1.5rem;margin-bottom:1rem}.expertise-section .expertise-card p{color:var(--text-tertiary);flex-grow:1;font-size:1rem;line-height:1.6;margin-bottom:2rem}.expertise-section .expertise-card .tech-stack-container{margin-top:auto}.expertise-section .expertise-card .tech-stack-container .tech-stack{display:flex;flex-wrap:wrap;gap:.5rem}.expertise-section .expertise-card .tech-stack-container .tech-stack .tech-pill{background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-full);color:var(--text-secondary);font-size:.75rem;font-weight:600;padding:.25rem .75rem;transition:all .2s ease}.expertise-section .expertise-card .tech-stack-container .tech-stack .tech-pill:hover{background-color:var(--accent-primary);border-color:var(--accent-primary);color:#fff}@media(max-width:768px){.expertise-section{padding:5rem 0}.expertise-section .expertise-card{padding:1.5rem}}.vertical-timeline *{-webkit-box-sizing:border-box;box-sizing:border-box}.vertical-timeline{margin:0 auto;max-width:1170px;padding:2em 0;position:relative;width:95%}.vertical-timeline:after{clear:both;content:"";display:table}.vertical-timeline:before{background:var(--line-color);content:"";height:100%;left:18px;position:absolute;top:0;width:4px}.vertical-timeline.vertical-timeline--one-column-right:before{left:auto;right:18px}@media only screen and (min-width:1170px){.vertical-timeline.vertical-timeline--two-columns{width:90%}.vertical-timeline.vertical-timeline--two-columns:before{left:50%;margin-left:-2px}}.vertical-timeline-element{margin:2em 0;position:relative}.vertical-timeline-element>div{min-height:1px}.vertical-timeline-element:after{clear:both;content:"";display:table}.vertical-timeline-element:first-child{margin-top:0}.vertical-timeline-element:last-child{margin-bottom:0}@media only screen and (min-width:1170px){.vertical-timeline-element{margin:4em 0}.vertical-timeline-element:first-child{margin-top:0}.vertical-timeline-element:last-child{margin-bottom:0}}.vertical-timeline-element-icon{border-radius:50%;-webkit-box-shadow:0 0 0 4px #fff,inset 0 2px 0 #00000014,0 3px 0 4px #0000000d;box-shadow:0 0 0 4px #fff,inset 0 2px 0 #00000014,0 3px 0 4px #0000000d;height:40px;left:0;position:absolute;top:0;width:40px}.vertical-timeline--one-column-right .vertical-timeline-element-icon{left:auto;right:0}.vertical-timeline-element-icon svg{display:block;height:24px;left:50%;margin-left:-12px;margin-top:-12px;position:relative;top:50%;width:24px}@media only screen and (min-width:1170px){.vertical-timeline--two-columns .vertical-timeline-element-icon{height:60px;left:50%;margin-left:-30px;width:60px}}.vertical-timeline-element-icon{-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0)}.vertical-timeline--animate .vertical-timeline-element-icon.is-hidden{visibility:hidden}.vertical-timeline--animate .vertical-timeline-element-icon.bounce-in{-webkit-animation:cd-bounce-1 .6s;animation:cd-bounce-1 .6s;visibility:visible}@-webkit-keyframes cd-bounce-1{0%{opacity:0;-webkit-transform:scale(.5)}60%{opacity:1;-webkit-transform:scale(1.2)}to{-webkit-transform:scale(1)}}@keyframes cd-bounce-1{0%{opacity:0;-webkit-transform:scale(.5);transform:scale(.5)}60%{opacity:1;-webkit-transform:scale(1.2);transform:scale(1.2)}to{-webkit-transform:scale(1);transform:scale(1)}}.vertical-timeline-element-content{background:#fff;border-radius:.25em;-webkit-box-shadow:0 3px 0 #ddd;box-shadow:0 3px 0 #ddd;margin-left:60px;padding:1em;position:relative}.vertical-timeline--one-column-right .vertical-timeline-element-content{margin-left:0;margin-right:60px}.vertical-timeline-element--no-children .vertical-timeline-element-content{background:0 0;-webkit-box-shadow:none;box-shadow:none}.vertical-timeline-element-content:after{clear:both;content:"";display:table}.vertical-timeline-element-content h2{color:#303e49}.vertical-timeline-element-content .vertical-timeline-element-date,.vertical-timeline-element-content p{font-size:13px;font-size:.8125rem;font-weight:500}.vertical-timeline-element-content .vertical-timeline-element-date{display:inline-block}.vertical-timeline-element-content p{line-height:1.6;margin:1em 0 0}.vertical-timeline-element-subtitle,.vertical-timeline-element-title{margin:0}.vertical-timeline-element-content .vertical-timeline-element-date{float:left;opacity:.7;padding:.8em 0}.vertical-timeline-element-content-arrow{border:7px solid #0000;border-right-color:#fff;content:"";height:0;position:absolute;right:100%;top:16px;width:0}.vertical-timeline--one-column-right .vertical-timeline-element-content-arrow{border:7px solid #0000;border-left-color:#fff;content:"";height:0;left:100%;position:absolute;right:auto;top:16px;width:0}.vertical-timeline--one-column-right .vertical-timeline-element-content:before{border-left:7px solid #fff;border-right:initial;left:100%}.vertical-timeline-element--no-children .vertical-timeline-element-content-arrow,.vertical-timeline-element--no-children .vertical-timeline-element-content:before{display:none}@media only screen and (min-width:768px){.vertical-timeline-element-content h2{font-size:20px;font-size:1.25rem}.vertical-timeline-element-content p{font-size:16px;font-size:1rem}.vertical-timeline-element-content .vertical-timeline-element-date{font-size:14px;font-size:.875rem}}@media only screen and (min-width:1170px){.vertical-timeline--two-columns .vertical-timeline-element-content{margin-left:0;padding:1.5em;width:44%}.vertical-timeline--two-columns .vertical-timeline-element-content-arrow{left:100%;top:24px;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.vertical-timeline--two-columns .vertical-timeline-element-content .vertical-timeline-element-date{font-size:16px;font-size:1rem;left:124%;position:absolute;top:6px;width:100%}.vertical-timeline--two-columns .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content,.vertical-timeline--two-columns .vertical-timeline-element:nth-child(2n):not(.vertical-timeline-element--left) .vertical-timeline-element-content{float:right}.vertical-timeline--two-columns .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content-arrow,.vertical-timeline--two-columns .vertical-timeline-element:nth-child(2n):not(.vertical-timeline-element--left) .vertical-timeline-element-content-arrow{left:auto;right:100%;top:24px;-webkit-transform:rotate(0);transform:rotate(0)}.vertical-timeline--one-column-right .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content-arrow,.vertical-timeline--one-column-right .vertical-timeline-element:nth-child(2n):not(.vertical-timeline-element--left) .vertical-timeline-element-content-arrow{left:100%;right:auto;top:24px;-webkit-transform:rotate(0);transform:rotate(0)}.vertical-timeline--two-columns .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content .vertical-timeline-element-date,.vertical-timeline--two-columns .vertical-timeline-element:nth-child(2n):not(.vertical-timeline-element--left) .vertical-timeline-element-content .vertical-timeline-element-date{left:auto;right:124%;text-align:right}}.vertical-timeline--animate .vertical-timeline-element-content.is-hidden{visibility:hidden}.vertical-timeline--animate .vertical-timeline-element-content.bounce-in{-webkit-animation:cd-bounce-2 .6s;animation:cd-bounce-2 .6s;visibility:visible}@media only screen and (min-width:1170px){.vertical-timeline--two-columns.vertical-timeline--animate .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content.bounce-in,.vertical-timeline--two-columns.vertical-timeline--animate .vertical-timeline-element:nth-child(2n):not(.vertical-timeline-element--left) .vertical-timeline-element-content.bounce-in{-webkit-animation:cd-bounce-2-inverse .6s;animation:cd-bounce-2-inverse .6s}}@media only screen and (max-width:1169px){.vertical-timeline--animate .vertical-timeline-element-content.bounce-in{-webkit-animation:cd-bounce-2-inverse .6s;animation:cd-bounce-2-inverse .6s;visibility:visible}}@-webkit-keyframes cd-bounce-2{0%{opacity:0;-webkit-transform:translateX(-100px)}60%{opacity:1;-webkit-transform:translateX(20px)}to{-webkit-transform:translateX(0)}}@keyframes cd-bounce-2{0%{opacity:0;-webkit-transform:translateX(-100px);transform:translateX(-100px)}60%{opacity:1;-webkit-transform:translateX(20px);transform:translateX(20px)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes cd-bounce-2-inverse{0%{opacity:0;-webkit-transform:translateX(100px)}60%{opacity:1;-webkit-transform:translateX(-20px)}to{-webkit-transform:translateX(0)}}@keyframes cd-bounce-2-inverse{0%{opacity:0;-webkit-transform:translateX(100px);transform:translateX(100px)}60%{opacity:1;-webkit-transform:translateX(-20px);transform:translateX(-20px)}to{-webkit-transform:translateX(0);transform:translateX(0)}}.timeline-section{background-color:var(--bg-primary);padding:8rem 0}.timeline-section .vertical-timeline:before{background:var(--border-color)!important}.timeline-section .vertical-timeline-element-content{background:var(--bg-primary)!important;border:1px solid var(--border-color)!important;border-radius:var(--radius-lg)!important;box-shadow:var(--shadow-md)!important;color:var(--text-primary)!important;padding:2rem!important;transition:all .3s ease!important}.timeline-section .vertical-timeline-element-content:hover{box-shadow:var(--shadow-lg)!important;transform:translateY(-4px)}.timeline-section .vertical-timeline-element-content .vertical-timeline-element-title{color:var(--text-primary);font-family:Outfit,sans-serif;font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.timeline-section .vertical-timeline-element-content .vertical-timeline-element-subtitle{color:var(--accent-primary);font-size:1rem;font-weight:500;margin-bottom:1rem}.timeline-section .vertical-timeline-element-content p{color:var(--text-tertiary)!important;font-size:1rem!important;font-weight:400!important;line-height:1.6!important;margin:1em 0 0!important}.timeline-section .vertical-timeline-element-date{color:var(--text-tertiary)!important;font-weight:600;opacity:1!important}.timeline-section .vertical-timeline-element-icon{box-shadow:0 0 0 4px var(--bg-primary),inset 0 2px 0 #00000014,0 3px 0 4px #0000000d!important}@media(max-width:768px){.timeline-section{padding:5rem 0}.timeline-section .vertical-timeline-element-content{padding:1.5rem!important}}.projects-section{background-color:var(--bg-primary);padding:8rem 0}.projects-section .projects-grid{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.projects-section .project-card{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.projects-section .project-card:hover{border-color:var(--accent-primary);box-shadow:var(--shadow-lg);transform:translateY(-8px)}.projects-section .project-card:hover .project-image img{transform:scale(1.05)}.projects-section .project-card .project-image{height:240px;overflow:hidden;position:relative}.projects-section .project-card .project-image img{height:100%;object-fit:cover;transition:transform .5s ease;width:100%}.projects-section .project-card .project-image .project-status{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--radius-full);box-shadow:var(--shadow-sm);font-size:.75rem;font-weight:700;padding:.25rem .75rem;position:absolute;right:1rem;top:1rem;z-index:10}.projects-section .project-card .project-image .project-status.live{background-color:#22c55e33;border:1px solid #22c55e4d;color:#22c55e}.projects-section .project-card .project-image .project-status.offline{background-color:#ef444433;border:1px solid #ef44444d;color:#ef4444}.projects-section .project-card .project-content{display:flex;flex-direction:column;flex-grow:1;padding:1.5rem}.projects-section .project-card .project-content .project-title{color:var(--text-primary);font-size:1.5rem;margin-bottom:.75rem}.projects-section .project-card .project-content .project-stack{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.projects-section .project-card .project-content .project-stack .project-tech-pill{background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-full);color:var(--text-secondary);font-size:.7rem;font-weight:600;padding:.2rem .6rem}.projects-section .project-card .project-content .project-description{color:var(--text-tertiary);flex-grow:1;font-size:.9375rem;line-height:1.6;margin-bottom:1.5rem}.projects-section .project-card .project-content .project-actions{display:flex;flex-wrap:wrap;gap:.75rem}.projects-section .project-card .project-content .project-actions .project-btn{align-items:center;border-radius:var(--radius-md);display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.5rem 1rem;text-decoration:none;transition:all .2s ease}.projects-section .project-card .project-content .project-actions .project-btn.primary{background:var(--accent-gradient);border:none;color:#fff}.projects-section .project-card .project-content .project-actions .project-btn.primary:hover{filter:brightness(1.1)}.projects-section .project-card .project-content .project-actions .project-btn.ghost{background:#0000;border:1px solid var(--border-color);color:var(--text-secondary)}.projects-section .project-card .project-content .project-actions .project-btn.ghost:hover{background-color:var(--bg-tertiary);border-color:var(--accent-primary);color:var(--accent-primary)}.projects-section .project-card .project-content .project-actions .project-btn.play{background:#0284c71a;border:1px solid var(--border-color);color:var(--text-secondary)}.projects-section .project-card .project-content .project-actions .project-btn.play:hover{background-color:#0284c733;border-color:#0284c780;color:#0284c7}.projects-section .project-card .project-content .project-actions .project-btn.disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.projects-section .project-card .project-content .project-actions .project-btn .icon{height:1.25rem;width:1.25rem}.projects-section .project-card .project-content .project-actions .project-dropdown{position:relative}.projects-section .project-card .project-content .project-actions .project-dropdown .dropdown-menu{animation:slideUp .2s ease;background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);bottom:100%;box-shadow:var(--shadow-lg);left:0;margin-bottom:.5rem;min-width:160px;overflow:hidden;position:absolute;z-index:50}.projects-section .project-card .project-content .project-actions .project-dropdown .dropdown-menu .dropdown-item{align-items:center;color:var(--text-secondary);display:flex;font-size:.875rem;justify-content:space-between;padding:.75rem 1rem;text-decoration:none;transition:all .2s ease}.projects-section .project-card .project-content .project-actions .project-dropdown .dropdown-menu .dropdown-item:hover{background-color:var(--bg-tertiary);color:var(--accent-primary)}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.projects-section{padding:5rem 0}.projects-section .projects-grid{gap:2rem;grid-template-columns:1fr}}.contact-section{background-color:var(--bg-secondary);overflow:hidden;padding:8rem 0;position:relative}.contact-section .contact-content-wrapper{align-items:center;display:flex;justify-content:center}.contact-section .contact-card{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-width:600px;padding:4rem 3rem;position:relative;text-align:center;width:100%;z-index:1}.contact-section .contact-card.organic-shape:before{background:var(--accent-gradient);border-radius:40% 60% 70% 30%/40% 50% 60% 70%;content:"";height:100px;left:-20px;opacity:.1;position:absolute;top:-20px;width:100px;z-index:-1}.contact-section .contact-card.organic-shape:after{background:var(--accent-gradient);border-radius:60% 40% 30% 70%/60% 30% 70% 40%;bottom:-30px;content:"";height:150px;opacity:.1;position:absolute;right:-30px;width:150px;z-index:-1}.contact-section .contact-card .section-title{font-size:2.5rem;margin-bottom:1rem}.contact-section .contact-card .contact-description{color:var(--text-secondary);font-size:1.125rem;line-height:1.6;margin-bottom:2.5rem}.contact-section .contact-card .email-cta-btn{align-items:center;background:var(--accent-gradient);border-radius:var(--radius-full);box-shadow:var(--shadow-md);color:#fff;display:inline-flex;font-size:1.125rem;font-weight:700;gap:.75rem;justify-content:center;padding:1rem 2.5rem;text-decoration:none;transition:all .3s ease}.contact-section .contact-card .email-cta-btn:hover{box-shadow:var(--shadow-lg);filter:brightness(1.1);transform:translateY(-3px)}.contact-section .contact-card .email-cta-btn .email-icon{font-size:1.5rem}@media(max-width:768px){.contact-section{padding:5rem 0}.contact-section .contact-card{padding:2.5rem 1.5rem}}
/*# sourceMappingURL=main.c2576a9d.css.map*/