/*! tailwindcss v4.1.3 | MIT License | https://tailwindcss.com */@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:rotateX(0);--tw-rotate-y:rotateY(0);--tw-rotate-z:rotateZ(0);--tw-skew-x:skewX(0);--tw-skew-y:skewY(0)}}}.visible{visibility:visible}.relative{position:relative}.static{position:static}.transform{transform:var(--tw-rotate-x)var(--tw-rotate-y)var(--tw-rotate-z)var(--tw-skew-x)var(--tw-skew-y)}:root{box-sizing:border-box;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#242424;margin:0;padding:0;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:#0a0f1c;width:100%;height:100%;margin:0;padding:0;overflow-x:hidden}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;margin:0;padding:0;font-family:Inter,sans-serif}#root{flex-direction:column;width:100%;min-height:100vh;margin:0;padding:0;display:flex}a{color:#646cff;-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:#535bf2}h1{font-size:3.2em;line-height:1.1}button{cursor:pointer;background-color:#1a1a1a;border:1px solid #0000;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}@property --tw-rotate-x{syntax:"*";inherits:false;initial-value:rotateX(0)}@property --tw-rotate-y{syntax:"*";inherits:false;initial-value:rotateY(0)}@property --tw-rotate-z{syntax:"*";inherits:false;initial-value:rotateZ(0)}@property --tw-skew-x{syntax:"*";inherits:false;initial-value:skewX(0)}@property --tw-skew-y{syntax:"*";inherits:false;initial-value:skewY(0)}.header{position:fixed;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background-color:#fffffff2;transition:all .3s ease;z-index:1000}.header.scrolled{box-shadow:0 2px 10px #0000001a;padding:.5rem 2rem}.logo{display:flex;align-items:center;gap:.5rem}.logo img{height:40px;width:auto}.title-main{font-size:1.5rem;font-weight:700;background:linear-gradient(45deg,#b3e5fc,#7df9ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.nav{display:flex;gap:1.5rem}.nav-item{background:none;border:none;color:#666;font-size:1rem;cursor:pointer;padding:.5rem 1rem;transition:all .3s ease;text-transform:capitalize}.nav-item:hover{color:#2196f3}.nav-item.active{color:#2196f3;font-weight:700}.menu-toggle{display:none;background:none;border:none;font-size:1.5rem;cursor:pointer;color:#666}@media (max-width: 768px){.menu-toggle{display:block}.nav{position:fixed;top:72px;left:0;right:0;background-color:#fffffff2;flex-direction:column;padding:1rem;gap:.5rem;transform:translateY(-100%);opacity:0;transition:all .3s ease}.nav.open{transform:translateY(0);opacity:1}.nav-item{width:100%;text-align:center;padding:.75rem}}@media (prefers-color-scheme: dark){.header{background-color:#121212f2}.nav-item{color:#ccc}.nav-item:hover,.nav-item.active{color:#64b5f6}.menu-toggle{color:#ccc}@media (max-width: 768px){.nav{background-color:#121212f2}}}.floating-tech-icon-new{position:absolute;font-size:2rem;color:#7df8ff5b;animation:floatLoop var(--duration, 1s) ease-in-out infinite;animation-delay:var(--delay, 0s);transform:translate(0) scale(var(--scale, 1));will-change:transform,opacity;z-index:0;pointer-events:none}@keyframes floatLoop{0%{transform:translate(0) scale(var(--scale, 1));opacity:.2}50%{transform:translate(var(--x),var(--y)) scale(var(--scale, 1));opacity:.5}to{transform:translate(0) scale(var(--scale, 1));opacity:.2}}.hero-section{display:flex;align-items:center;justify-content:center;padding:8rem 4rem 6rem;background:#0b0d18}.hero-content{text-align:center;max-width:1200px;width:100%;margin:0 auto}.hero-content h1{font-size:clamp(2.5rem,8vw,4.5rem);font-weight:800;margin:3rem 0 1rem;line-height:1.1;background:linear-gradient(45deg,#b3e5fc,#7df9ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero-content .subtitle{font-size:clamp(1rem,3vw,1.5rem);font-weight:600;margin:0 auto 2rem;max-width:800px;line-height:1.5;color:#e0e0e0;padding:0 1rem;animation:fadeInUp 1s ease-out forwards;animation-delay:.3s;opacity:0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.tech-stack{margin:2rem 0;overflow:hidden;width:100%}.tech-scroll{overflow:hidden;padding:1rem 0;background:#ffffff05;border-radius:12px}.tech-track{display:flex;animation:scroll 30s linear infinite}.tech-icon{display:flex;flex-direction:column;align-items:center;padding:.5rem;margin:0 .5rem;font-size:.8rem;color:#b0bec5;transition:all .3s ease}.tech-icon svg{font-size:1.5rem;margin-bottom:.3rem;color:#80cbc4}.tech-icon span{font-size:.9rem;font-weight:600;white-space:nowrap;color:#90a4ae}.tech-icon:hover{transform:translateY(-5px)}.tech-icon:hover svg{color:#7df9ff}.tech-scroll:hover .tech-track{animation-play-state:paused}.hero-cta{display:flex;gap:1rem;margin-top:2rem;justify-content:center}.primary-btn,.secondary-btn{display:flex;align-items:center;gap:.5rem;padding:.6rem 1.2rem;font-size:.9rem;font-weight:500;border-radius:8px;cursor:pointer;transition:all .3s ease;border:none;white-space:nowrap}.btn-icon{font-size:1rem}.primary-btn{background:linear-gradient(45deg,#29b6f6,#80cbc4);color:#000b3f;box-shadow:0 4px 12px #29b6f633}.primary-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #29b6f64d}.secondary-btn{background:#b3e5fc1a;color:#fff;border:1px solid rgba(179,229,252,.2)}.secondary-btn:hover{background:#b3e5fc26;transform:translateY(-2px)}@media (max-width: 768px){.hero-cta{flex-direction:column;align-items:stretch;gap:.8rem;padding:0 1rem}.primary-btn,.secondary-btn{padding:.5rem 1rem;font-size:.85rem;justify-content:center}.btn-icon{font-size:.9rem}}.core-values{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin:2rem auto;max-width:1000px;padding:0 1rem}.value-card{background:#ffffff05;padding:1.2rem;border-radius:12px;text-align:center;transition:transform .3s ease}.value-card:hover{transform:translateY(-3px);background:#ffffff0a}.value-icon{font-size:1.5rem;margin-bottom:.8rem;color:#80cbc4}.value-card h3{font-size:1rem;font-weight:600;margin-bottom:.4rem;background:linear-gradient(45deg,#0070f3,#00d572);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.value-card p{font-size:.85rem;color:#a1a1aa;line-height:1.3}.dev-cycle{display:flex;align-items:stretch;justify-content:center;gap:1.5rem;margin:3rem auto;max-width:1200px;padding:0 1rem}.cycle-step{position:relative;background:#141423bf;padding:1.5rem 1rem;border-radius:12px;text-align:center;width:180px;height:160px;flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:transform .3s ease;border:1px solid rgba(255,255,255,.2);box-shadow:0 4px 20px #0070f326}.cycle-step:hover{transform:translateY(-3px);background:#19192dd9;border-color:#ffffff40}.step-tag{position:absolute;top:0;right:0;padding:.15rem .6rem;font-size:.7rem;color:#fff;background:#29b6f6e6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:0 12px;font-weight:400;letter-spacing:.03em;box-shadow:0 2px 8px #29b6f633}.step-icon{font-size:1rem;margin-bottom:1rem;color:#80cbc4}.cycle-step h3{font-size:1.2rem;font-weight:600;margin-bottom:.6rem;background:linear-gradient(45deg,#a0d7ff,#80cbc4);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;white-space:nowrap;padding:0 .5rem}.cycle-step p{font-size:.95rem;color:#b0bec5;line-height:1.4;max-width:160px;padding:0 .5rem}.step-arrow{position:absolute;right:-1.2rem;top:50%;transform:translateY(-50%);color:#0070f3;font-size:1.2rem;z-index:1}@keyframes slideLeft{0%{transform:translate(0)}to{transform:translate(calc(-700px - 4.8rem))}}@media (max-width: 768px){.hero-content{padding:0 1rem}.hero-section{padding:6rem 1rem 4rem}.core-values{grid-template-columns:repeat(2,1fr);gap:.8rem;margin:1.5rem auto}.value-card{padding:1rem}.value-icon{font-size:1.3rem;margin-bottom:.6rem}.dev-cycle{justify-content:flex-start;padding:0 1rem;margin:2rem auto;width:100%;gap:1.2rem;overflow:hidden}.cycle-steps{display:flex;gap:1.2rem;animation:slideLeft 15s linear infinite}.dev-cycle:hover .cycle-steps{animation-play-state:paused}.cycle-step{width:160px;height:150px;padding:1.2rem .8rem}.step-tag{padding:.12rem .5rem;font-size:.65rem;border-radius:0 12px 0 10px}.step-icon{font-size:1.6rem;margin-bottom:.8rem}.cycle-step h3{font-size:1.1rem;margin-bottom:.5rem;padding:0 .4rem}.cycle-step p{font-size:.9rem;max-width:140px;padding:0 .4rem}.step-arrow{right:-1rem;font-size:1rem}.dev-cycle{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.dev-cycle::-webkit-scrollbar{display:none}.cycle-steps{touch-action:pan-x;cursor:grab}.cycle-steps:active{cursor:grabbing;animation-play-state:paused}.cycle-step{-moz-user-select:none;user-select:none;-webkit-user-select:none}}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.services-section{background:#0b0d18;color:#fff;padding:5rem 2rem}.services-container{max-width:1200px;margin:0 auto;text-align:center}.section-title{font-size:2.5rem;font-weight:700;margin-bottom:.5rem;background:linear-gradient(45deg,#b3e5fc,#7df9ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.section-subtitle{color:#ffffffb3;font-size:1.1rem;margin-bottom:3rem}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2.5rem}.service-card{display:flex;flex-direction:column;justify-content:space-between;background:#ffffff0d;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:20px;border:1px solid rgba(255,255,255,.08);padding:2.5rem 2rem;text-align:left;transition:transform .3s ease,box-shadow .3s ease;height:100%}.service-card:hover{transform:translateY(-6px);box-shadow:0 12px 40px #0000004d}.service-icon{font-size:2.8rem;margin-bottom:1.2rem;text-align:center;transition:transform .3s ease}.service-card:hover .service-icon{transform:rotate(4deg) scale(1.1)}.service-title{font-size:1.4rem;font-weight:600;margin-bottom:.6rem;color:#fff;text-align:center}.service-description{color:#ffffffbf;margin-bottom:1rem;font-size:.95rem;text-align:center}.service-features{color:#ffffffb3;font-size:.9rem;margin-bottom:1.8rem;padding-left:1rem;list-style:none;flex-grow:1}.service-link{margin-top:auto;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;background:linear-gradient(45deg,#b3e5fc,#7df9ff);color:#000c4a;font-weight:500;padding:.7rem 1.4rem;border-radius:10px;text-decoration:none;font-size:.95rem;transition:all .3s ease}.service-link:hover{background:linear-gradient(45deg,#b3e5fc,#7df9ff);color:#000c30;box-shadow:0 0 10px #7f5af080;transform:scale(1.05)}@media (max-width: 600px){.services-section{padding:3rem 1rem}.section-title{font-size:2rem}.section-subtitle{font-size:1rem}.service-card{padding:2rem 1.5rem}.service-title{font-size:1.2rem}.service-description,.service-features{font-size:.85rem}}.projects-section{padding:4rem 1rem;background:#0b0d18}.section-title{text-align:center;font-size:2.5rem;margin-bottom:3rem}.project-cards{display:flex;flex-direction:column;gap:3rem;align-items:center;max-width:1200px;margin:0 auto}.project-card{display:flex;width:100%;max-width:900px;background:#1c1e26;border-radius:16px;overflow:hidden;box-shadow:0 4px 10px #0003;position:relative;transition:all .3s ease}.project-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(145deg,rgba(255,255,255,.15) 0%,transparent 100%);clip-path:polygon(0 0,100% 0,85% 100%,0% 100%);z-index:1;opacity:.6;pointer-events:none;transition:all .3s ease}.project-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(145deg,rgba(255,255,255,.08) 0%,transparent 100%);clip-path:polygon(100% 0,100% 100%,15% 100%,35% 0);z-index:1;opacity:.4;pointer-events:none;transition:all .3s ease}.project-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px #0000004d}.project-card:hover:before{opacity:.8;background:linear-gradient(145deg,rgba(255,255,255,.2) 0%,transparent 100%)}.project-card:hover:after{opacity:.6;background:linear-gradient(145deg,rgba(255,255,255,.1) 0%,transparent 100%)}.project-card:nth-child(2n){flex-direction:row-reverse}.card-image{width:30%;position:relative;overflow:hidden;background-size:cover;background-position:center;min-height:220px}.image-overlay{position:absolute;top:0;left:-40px;width:120%;height:100%;background:#000000bf;transform:skew(-10deg);pointer-events:none}.project-card:nth-child(2n) .image-overlay{left:auto;right:-40px;transform:skew(10deg)}.card-info{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:75%;text-align:left;z-index:2}.card-info .author{font-size:1rem;margin-bottom:.3rem;color:#ffffffe6;font-weight:500}.card-info .platforms{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem}.project-card:nth-child(2n) .card-info .platforms{align-items:flex-end}.card-info .platform-icons{display:flex;gap:1.2rem;font-size:1.5rem}.icon-container{display:flex;flex-direction:column;align-items:center;gap:.3rem}.platform-icon{color:#ffffffe6;transition:all .3s ease}.icon-label{font-size:.7rem;color:#ffffffb3;text-transform:uppercase;letter-spacing:.5px}.icon-container:hover .platform-icon{color:#0f8;transform:translateY(-2px)}.icon-container:hover .icon-label{color:#0f8}.card-info .date{font-size:.85rem;margin-bottom:1rem;color:#ffffffb3}.tags{display:flex;gap:.5rem;justify-content:flex-start;flex-wrap:wrap;margin-top:.5rem}.tags span{background:#ffffff26;padding:.25rem .6rem;border-radius:6px;font-size:.75rem;letter-spacing:.5px;transition:background .3s ease}.tags span:hover{background:#ffffff40}.project-card:nth-child(2n) .card-info{text-align:right}.project-card:nth-child(2n) .tags{justify-content:flex-end}.card-content{flex:1;padding:2rem;position:relative;z-index:2}.card-content h3{font-size:1.6rem;margin-bottom:.8rem;background:linear-gradient(45deg,#b3e5fc,#7df9ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.card-content h4{font-size:.9rem;color:#888;text-transform:uppercase;margin-bottom:1rem;letter-spacing:1px}.card-content p{font-size:.95rem;line-height:1.6;margin-bottom:1.2rem;opacity:.9;color:#fffc}.button-container{margin-top:1.5rem;position:relative;z-index:10}.project-button{display:inline-block;padding:.8rem 1.5rem;background:linear-gradient(45deg,#b3e5fc,#7df9ff);color:#0b0d18;text-decoration:none;border-radius:8px;font-weight:500;transition:all .3s ease;position:relative;z-index:10}.project-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #b3e5fc4d}.read-more{color:#3b82f6;text-decoration:none;font-weight:600;display:inline-flex;align-items:center;gap:.5rem;transition:color .3s ease}.read-more:hover{color:#60a5fa}.back-button{display:inline-block;padding:.8rem 1.5rem;margin-bottom:2rem;background:#b3e5fc1a;color:#b3e5fc;text-decoration:none;border-radius:8px;transition:all .3s ease}.back-button:hover{background:#b3e5fc33;transform:translate(-5px)}@media (max-width: 768px){.project-card,.project-card:nth-child(2n){flex-direction:column}.card-image{width:100%!important;height:200px!important}.card-content{width:100%;padding:1.5rem}.card-content h3{font-size:1.4rem;margin-bottom:.8rem}.card-content p{font-size:.9rem;margin-bottom:1rem}}@media (max-width: 480px){.section-title{font-size:2rem;margin-bottom:2rem}.project-cards{gap:2rem}.card-image{height:180px!important}.card-content{padding:1rem}.card-content h3{font-size:1.2rem}.card-content p{font-size:.8rem}.project-button{font-size:.9rem;padding:.7rem 1.2rem}.project-card{width:calc(100% - 1rem);margin:.5rem;padding:.8rem}.card-image{height:150px!important}.card-content h3{font-size:1rem;margin:.6rem 0}.card-content p{font-size:.75rem;margin-bottom:.6rem}}.project-detail-container{max-width:1000px;margin:0 auto;padding-top:2rem}.project-card.single{flex-direction:column}.project-card.single .card-image{width:100%;height:300px}.testimonials{margin-top:3rem;background:#1c1e26;padding:2rem;border-radius:12px;box-shadow:0 4px 10px #0003}.testimonials h3{font-size:1.5rem;margin-bottom:1.5rem;background:linear-gradient(45deg,#b3e5fc,#7df9ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.testimonial{margin-bottom:1.2rem}.feedback{font-size:1rem;color:#ffffffe6;margin-bottom:.3rem}.author{font-size:.85rem;color:#fff9;font-style:italic}.team-section{padding:6rem 2rem;background:#0b0d18}.section-content{max-width:1200px;margin:0 auto;text-align:center}.team-section h2{text-align:center;font-size:2.8rem;margin-bottom:3rem;background:linear-gradient(45deg,#b3e5fc,#7df9ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;max-width:1000px;margin:0 auto;padding:0 1rem}.team-card{background:#1c1e26;border-radius:12px;overflow:hidden;padding:1.25rem;text-align:center;box-shadow:0 4px 10px #0003;transition:transform .3s ease;max-width:280px;margin:0 auto}.team-card:hover{transform:translateY(-5px)}.team-image{width:120px;height:120px;margin:0 auto 1.25rem;position:relative;border-radius:50%;padding:3px;background:linear-gradient(45deg,#b3e5fc,#7df9ff)}.team-image img{width:100%;height:100%;border-radius:50%;background:#1c1e26;-o-object-fit:cover;object-fit:cover}.team-info h3{font-size:1.2rem;font-weight:600;margin-bottom:.3rem;background:linear-gradient(45deg,#b3e5fc,#7df9ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.team-info .role{font-size:.9rem;background:linear-gradient(45deg,#b3e5fc,#7df9ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:500;margin-bottom:1rem}.team-info .bio{font-size:.8rem;color:#fffc;margin-bottom:1.5rem;line-height:1.6}.team-links{display:flex;flex-direction:column;gap:1rem;align-items:center}.social-links{display:flex;gap:1rem;justify-content:center}.social-link{color:#b3e5fc;font-size:1.1rem;transition:color .3s ease}.social-link:hover{color:#7df9ff}.portfolio-link{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:linear-gradient(45deg,#b3e5fc,#7df9ff);border-radius:20px;color:#0b0d18;text-decoration:none;font-weight:500;transition:transform .3s ease,opacity .3s ease}.portfolio-link:hover{transform:translate(5px);opacity:.9}@media (max-width: 768px){.team-section{padding:4rem 1rem}.team-section h2{font-size:1rem;margin-bottom:1rem}.team-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.8rem;padding:0 .5rem;max-width:100%}.team-card{padding:.8rem;max-width:100%;margin:0}.team-image{width:80px;height:80px;margin:0 auto .8rem}.team-info h3{font-size:.9rem;margin-bottom:.2rem}.team-info .role{font-size:.7rem;margin-bottom:.4rem}.team-info .bio{font-size:.65rem;margin-bottom:.8rem;line-height:1.3}.social-links{gap:.6rem}.social-link{font-size:.9rem}}@media (max-width: 480px){.team-grid{grid-template-columns:1fr;max-width:280px;margin:0 auto}}.about-section{background:#0b0d18;padding:6rem 0;position:relative;overflow:hidden}.section-content{max-width:1200px;margin:0 auto;padding:0 1rem;text-align:center}.about-section h2{font-size:clamp(2rem,5vw,2.5rem);margin-bottom:2rem;color:#fff;transform:translateY(30px);opacity:0;transition:all .6s cubic-bezier(.4,0,.2,1)}.about-grid{display:grid;grid-template-columns:3fr 1fr;gap:4rem;margin-bottom:4rem;align-items:start;justify-content:center}.about-main{display:flex;flex-direction:column;gap:3rem;align-items:center}.about-text{max-width:800px;margin:0 auto 4rem;transform:translateY(30px);opacity:0;transition:all .6s cubic-bezier(.4,0,.2,1)}.about-text p{color:#a1a1aa;line-height:1.8;font-size:1.1rem}.about-block h3{font-size:1.75rem;color:#fff;margin-bottom:1.5rem;position:relative;display:inline-block}.about-block h3:after{content:"";position:absolute;bottom:-.5rem;left:50%;transform:translate(-50%);height:3px;width:50px;background:#0b0d18;border-radius:2px}.about-block p{color:#a1a1aa;line-height:1.8;font-size:1.1rem;margin:0 auto}.about-profile-image{width:180px;height:180px;margin:0 auto 3rem;border-radius:50%;overflow:hidden;box-shadow:0 10px 30px #0070f333;border:3px solid rgba(0,112,243,.1);transform:translateY(30px);opacity:0;transition:all .6s cubic-bezier(.4,0,.2,1)}.about-profile-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .5s ease}.about-profile-image:hover img{transform:scale(1.1)}.core-values{margin-bottom:4rem;text-align:center}.core-values h3{text-align:center;font-size:2rem;margin-bottom:3rem;color:#fff}.values-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:2rem;margin-bottom:4rem;padding:0 1rem}.value-card{background:#ffffff05;padding:2rem;border-radius:12px;text-align:center;transform:translateY(30px);opacity:0;transition:all .6s cubic-bezier(.4,0,.2,1)}.value-card:hover{background:#ffffff0a;transform:translateY(-5px)}.value-icon{font-size:2rem;margin-bottom:1rem;color:#0070f3}.value-card h3{font-size:1.2rem;color:#fff;margin-bottom:.5rem}.value-card p{color:#a1a1aa;font-size:.9rem;line-height:1.6}.about-cta{transform:translateY(30px);opacity:0;transition:all .6s cubic-bezier(.4,0,.2,1)}.cta-button{display:inline-flex;align-items:center;gap:.5rem;padding:.8rem 1.5rem;font-size:1rem;color:#10003c;background:linear-gradient(45deg,#b3e5fc,#7df9ff);border:none;border-radius:8px;cursor:pointer;transition:all .3s ease}.cta-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0070f34d}.btn-icon{font-size:1.1rem}.fade-in.visible{transform:translateY(0);opacity:1}.value-card:nth-child(1){transition-delay:.1s}.value-card:nth-child(2){transition-delay:.2s}.value-card:nth-child(3){transition-delay:.3s}.value-card:nth-child(4){transition-delay:.4s}@media (max-width: 1024px){.about-grid{grid-template-columns:1fr}.about-profile-image{position:relative;top:0;max-width:600px;margin:0 auto}}@media (max-width: 768px){.about-section{padding:4rem 0}.about-profile-image{width:150px;height:150px;margin-bottom:2rem}.about-text{margin-bottom:3rem}.about-text p{font-size:1rem}.values-grid{gap:1.5rem}.value-card{padding:1.5rem}.value-icon{font-size:1.8rem}.value-card h3{font-size:1.1rem}.value-card p{font-size:.85rem}}:root{--home-primary: #0070f3;--home-secondary: #00ff88;--home-background: #0a0f1c;--home-text: #ffffff;--home-text-light: rgba(255, 255, 255, .8);--home-card-bg: rgba(255, 255, 255, .05);--home-accent: #3b82f6;--font-heading: "Outfit", sans-serif;--font-body: "Plus Jakarta Sans", sans-serif}.home-page{min-height:100vh;background-color:var(--home-background);color:var(--home-text);overflow-x:hidden;font-family:var(--font-body);margin:0;padding:0}.home-page .header{position:fixed;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:.5rem 4rem;background:transparent;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);z-index:1000;transition:all .3s ease}.home-page .header.scrolled{background:#0a0f1cf2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1);box-shadow:0 4px 20px #0003}.home-page .logo{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:700}.home-page .logo img{height:30px;width:auto;filter:brightness(0) invert(1) sepia(1) saturate(5) hue-rotate(175deg);transition:filter .3s ease}.home-page .header:not(.scrolled) .logo img{filter:brightness(0) invert(1)}.home-page .gradient-text{background:linear-gradient(45deg,var(--home-primary),var(--home-secondary));-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:800}.home-page .nav{display:flex;gap:2rem}.home-page .nav-item{padding:.35rem 1rem;border:none;background:none;color:var(--home-text);cursor:pointer;font-size:.9rem;transition:color .3s;position:relative;outline:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.home-page .nav-item:focus{outline:none}.home-page .nav-item:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background:linear-gradient(45deg,var(--home-primary),var(--home-secondary));transition:width .3s ease;opacity:0}.home-page .nav-item:hover:after,.home-page .nav-item.active:after{width:100%;left:0;opacity:1}.home-page .menu-toggle{display:none;background:none;border:none;color:var(--home-text);font-size:1.5rem;cursor:pointer;padding:.5rem;transition:color .3s ease;z-index:1001}.home-page .menu-toggle:hover{color:var(--home-primary)}@media (max-width: 768px){.home-page .menu-toggle{display:block}.home-page .nav{position:fixed;top:0;right:-100%;width:100%;height:100vh;background:#0a0f1cfa;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;transition:right .3s ease;z-index:1000}.home-page .nav.open{right:0}.home-page .nav-item{font-size:1.2rem;padding:1rem 2rem;width:80%;text-align:center;border-radius:8px;transition:all .3s ease}.home-page .nav-item:hover,.home-page .nav-item.active{background:#ffffff1a}.home-page .nav-item:after{display:none}.home-page .header{padding:.5rem 2rem}.home-page .logo{font-size:1.1rem}.home-page .logo img{height:25px}}*{margin:0;padding:0;box-sizing:border-box}html,body{scroll-behavior:auto;overflow-x:hidden;margin:0;padding:0}body{width:100%;min-height:100vh;background-color:#0a0f1c}#root{position:relative;width:100%;min-height:100vh;margin:0;padding:0;text-align:center;overflow-x:hidden}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.portfolio-container:not(.loaded) .greeting,.portfolio-container:not(.loaded) .name,.portfolio-container:not(.loaded) .title,.portfolio-container:not(.loaded) .intro-bio,.portfolio-container:not(.loaded) .contact-info,.portfolio-container:not(.loaded) .social-links,.portfolio-container:not(.loaded) .portfolio-section,.portfolio-container:not(.loaded) .skill-category,.portfolio-container:not(.loaded) .timeline-item{opacity:0;transform:translateY(20px)}.greeting,.name,.title,.intro-bio,.contact-info,.social-links,.portfolio-section,.skill-category,.timeline-item{transition:all .5s ease}.loaded .greeting{opacity:1;transform:translateY(0);transition-delay:.1s}.loaded .name{opacity:1;transform:translateY(0);transition-delay:.2s}.loaded .title{opacity:1;transform:translateY(0);transition-delay:.3s}.loaded .intro-bio{opacity:1;transform:translateY(0);transition-delay:.4s}.loaded .contact-info{opacity:1;transform:translateY(0);transition-delay:.5s}.loaded .social-links{opacity:1;transform:translateY(0);transition-delay:.6s}.loaded .portfolio-section{opacity:1;transform:translateY(0)}.loaded .portfolio-section:nth-child(1){transition-delay:.2s}.loaded .portfolio-section:nth-child(2){transition-delay:.3s}.loaded .portfolio-section:nth-child(3){transition-delay:.4s}.loaded .portfolio-section:nth-child(4){transition-delay:.5s}.loaded .portfolio-section:nth-child(5){transition-delay:.6s}.loaded .skill-category{opacity:1;transform:translateY(0)}.loaded .skill-category:nth-child(1){transition-delay:.2s}.loaded .skill-category:nth-child(2){transition-delay:.3s}.loaded .skill-category:nth-child(3){transition-delay:.4s}.loaded .skill-category:nth-child(4){transition-delay:.5s}.loaded .skill-category:nth-child(5){transition-delay:.6s}.loaded .timeline-item{opacity:1;transform:translateY(0)}.loaded .timeline-item:nth-child(1){transition-delay:.2s}.loaded .timeline-item:nth-child(2){transition-delay:.3s}.loaded .timeline-item:nth-child(3){transition-delay:.4s}.portfolio-container{max-width:100%;margin:0;padding:2rem;background:#0b0d18;position:fixed;top:0;left:0;right:0;bottom:0;overflow-y:auto;overflow-x:hidden;min-height:100vh}.portfolio-content{max-width:1200px;margin:0 auto;position:relative}@media (min-width: 1024px){.portfolio-content{padding:4rem 8rem}}@media (max-width: 1024px) and (min-width: 768px){.portfolio-content{padding:2rem}}@media (max-width: 768px){.portfolio-content{padding:2rem 1rem}}.intro-section{text-align:center;padding:4rem 2rem;max-width:1200px;margin:0 auto}.intro-section h1{font-size:3.5rem;margin-bottom:1.5rem;background:linear-gradient(45deg,#b3e5fc,#7df9ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.intro-section p{font-size:1.2rem;color:#fffc;max-width:800px;margin:0 auto;line-height:1.6}@media (max-width: 768px){.intro-section{padding:3rem 1rem}.intro-section h1{font-size:2rem;margin-bottom:1rem}.intro-section p{font-size:.9rem;line-height:1.4;max-width:100%}.section-title{font-size:1.8rem;margin-bottom:1.5rem}.skills-section,.experience-section,.projects-section{padding:2rem 1rem}.skill-category h3{font-size:1.1rem;margin-bottom:.8rem}.skill-list{gap:.5rem}.skill-item{font-size:.85rem;padding:.4rem .8rem}.timeline-item h3{font-size:1.1rem}.timeline-item .company,.timeline-item .duration{font-size:.85rem}.timeline-item .description{font-size:.85rem;line-height:1.4}.project-card{padding:1rem}.project-card h3{font-size:1.1rem;margin-bottom:.5rem}.project-card p{font-size:.85rem;line-height:1.4;margin-bottom:.8rem}.tech-stack{gap:.4rem}.tech-item{font-size:.8rem;padding:.3rem .6rem}.project-links a{font-size:.85rem;padding:.4rem .8rem}}@media (max-width: 480px){.portfolio-container{padding-top:60px;position:fixed}.intro-section{padding:1rem}.section-title{font-size:1.4rem;margin-bottom:1.2rem}.skills-section,.experience-section,.projects-section{padding:1rem}.skill-category h3{font-size:.5rem;margin-bottom:.6rem}.skill-item{font-size:.5rem;padding:.3rem .6rem}.timeline-item h3{font-size:1rem}.timeline-item .company,.timeline-item .duration{font-size:.75rem}.timeline-item .description{font-size:.75rem;line-height:1.3}.project-card{padding:.8rem}.project-card h3{font-size:1rem;margin-bottom:.4rem}.project-card p{font-size:.75rem;line-height:1.3;margin-bottom:.6rem}.tech-item{font-size:.7rem;padding:.2rem .5rem}.project-links a{font-size:.75rem;padding:.3rem .6rem}}.portfolio-error{text-align:center;padding:4rem}.greeting{font-size:1.2rem;font-weight:700;margin-bottom:1rem;background:linear-gradient(45deg,#b3e5fc,#7df9ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.name{font-size:4.5rem;margin-bottom:1rem;color:#fff}.title{font-size:2rem;color:#7df9ff;margin-bottom:2rem}.intro-bio{max-width:800px;font-size:1.2rem;line-height:1.8;color:#ffffffe6;margin-bottom:2rem}.contact-info{margin-top:2rem;margin-bottom:2rem;color:#b3e5fc}.contact-info p{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:.5rem}.social-links{display:flex;gap:1.5rem}.social-links a{color:#b3e5fc;font-size:1.8rem;transition:all .3s ease}.social-links a:hover{color:#7df9ff;transform:translateY(-3px)}.portfolio-section{margin-bottom:4rem;padding:2rem;background:#ffffff0d;border-radius:16px;display:block}.portfolio-section h2{font-size:2rem;margin-bottom:2rem;background:linear-gradient(45deg,#b3e5fc,#7df9ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-align:left}.skills-categories{display:flex;flex-direction:column;gap:2rem}.skill-category{background:#ffffff08;padding:1.5rem;border-radius:12px;display:block}.skill-category h3{color:#7df9ff;margin-bottom:1rem;font-size:1.3rem}.skills-grid{display:flex;flex-wrap:wrap;gap:1rem}.skill-tag{background:#b3e5fc1a;padding:.5rem 1rem;border-radius:20px;color:#7df9ff;font-size:.9rem;transition:all .3s ease}.skill-tag:hover{background:#b3e5fc33;transform:translateY(-2px)}.timeline{position:relative;padding-left:2rem;text-align:left;max-width:800px}.timeline-content{text-align:left}.timeline-content h3{color:#7df9ff;margin-bottom:.5rem;font-size:1.4rem}.timeline-content h4{color:#b3e5fc;margin-bottom:.5rem;font-size:1.2rem}.timeline-item{position:relative;padding-bottom:2rem}.timeline-item:before{content:"";position:absolute;left:-2rem;top:0;width:2px;height:100%;background:linear-gradient(to bottom,#b3e5fc,#7df9ff)}.timeline-item:after{content:"";position:absolute;left:-2.35rem;top:0;width:.7rem;height:.7rem;border-radius:50%;background:#7df9ff}.duration{color:#fff9;font-size:.9rem;margin-bottom:1rem}.experience-list{list-style:none;padding:0}.experience-list li{position:relative;padding-left:1.5rem;margin-bottom:.5rem;line-height:1.5}.experience-list li:before{content:"→";position:absolute;left:0;color:#7df9ff}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.project-card{background:#ffffff0d;border-radius:12px;padding:1.5rem;transition:transform .3s ease}.project-card:hover{transform:translateY(-5px)}.project-info h3{color:#7df9ff;margin-bottom:1rem}.project-tech{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0}.tech-tag{background:#b3e5fc1a;padding:.3rem .8rem;border-radius:15px;font-size:.8rem;color:#b3e5fc}.project-links{display:flex;gap:1rem;margin-top:1rem}.project-links a{display:flex;align-items:center;gap:.5rem;color:#7df9ff;text-decoration:none;font-size:.9rem;transition:all .3s ease}.project-links a:hover{transform:translate(3px)}.education-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.education-card{background:#ffffff0d;padding:1.5rem;border-radius:12px;transition:transform .3s ease}.education-card:hover{transform:translateY(-3px)}.education-card h3{color:#7df9ff;margin-bottom:.5rem}.education-card h4{color:#b3e5fc;margin-bottom:.5rem}.achievements-list{list-style:none;padding:0}.achievements-list li{position:relative;padding-left:1.5rem;margin-bottom:1rem;line-height:1.5;transition:transform .3s ease}.achievements-list li:hover{transform:translate(5px)}.achievements-list li:before{content:"→";position:absolute;left:0;color:#7df9ff}@media (max-width: 768px){.greeting{font-size:2.8rem}.name{font-size:3.2rem}.title{font-size:1.5rem}.intro-bio{font-size:1rem}.portfolio-section{padding:1.5rem}.timeline{padding-left:1.5rem}.contact-info{flex-direction:column;align-items:center}}.skills-section,.experience-section,.projects-section{position:relative;display:block}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-8px)}to{transform:translateY(0)}}.chat-button{position:fixed;bottom:2rem;right:3rem;width:60px;height:60px;background:#1a1c26;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:2rem;animation:float 3s ease-in-out infinite;transition:all .3s ease;z-index:1000;box-shadow:0 4px 15px #0003}.chat-button:hover{transform:scale(1.05) translateY(-5px);color:#5865f2;box-shadow:0 8px 25px #0000004d}.chat-button .tooltip{position:absolute;right:85px;background:#1a1c26f2;color:#fff;padding:.6rem 1.2rem;border-radius:8px;font-size:.95rem;font-weight:500;white-space:nowrap;opacity:0;visibility:hidden;transition:all .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 4px 15px #0003}.chat-button .tooltip:after{content:"";position:absolute;right:-8px;top:50%;transform:translateY(-50%);border:8px solid transparent;border-left-color:#1a1c26f2}.chat-button:hover .tooltip{opacity:1;visibility:visible;right:90px}@media (max-width: 768px){.chat-button{width:50px;height:50px;font-size:1.7rem;bottom:1.5rem;right:2rem}.chat-button .tooltip{display:none}}.project-detail-container{width:100%;max-width:1200px;margin:0 auto;padding:2rem;color:#333;min-height:100vh;display:flex;flex-direction:column;position:absolute;top:0;left:50%;transform:translate(-50%);animation:fadeIn .5s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(0)}to{opacity:1;transform:translateY(0)}}.project-header{display:flex;align-items:flex-start;gap:2rem;margin-bottom:3rem;padding:1rem 0;border-bottom:1px solid #ffffff;width:100%}.back-button{background:none;border:none;color:#007bff;font-size:1.1rem;cursor:pointer;padding:.5rem 1rem;border-radius:4px;transition:background-color .3s}.back-button:hover{background-color:#007bff1a}.header-content{flex:1}.project-title{font-size:2.5rem;font-weight:700;margin-bottom:.5rem;color:#d3d3d3}.project-subtitle{font-size:1.5rem;color:#a9a9a9;font-weight:400}.carousel{position:relative;width:100%;height:100%}.carousel-slide{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .5s ease-in-out;background-size:cover;background-position:center}.carousel-slide.active{opacity:1}.carousel-nav{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);display:flex;gap:1rem;z-index:10}.carousel-dot{width:12px;height:12px;border-radius:50%;background:#ffffffa9;cursor:pointer;transition:all .3s ease}.carousel-dot:hover{background:#ffffff80}.carousel-dot.active{background:#b3e5fc;box-shadow:0 0 10px #b3e5fc80}.carousel-button{position:absolute;top:50%;transform:translateY(-50%);background:#00000080;color:#fff;border:none;width:50px;height:50px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:24px;transition:all .3s ease;z-index:10}.carousel-button:hover{background:#000c}.carousel-button.prev{left:2rem}.carousel-button.next{right:2rem}.hero-content-project{position:absolute;bottom:0;left:0;right:0;padding:4rem 2rem 2rem;background:linear-gradient(to top,rgba(0,0,0,.9),transparent);z-index:2}.project-content{display:flex;flex-direction:column;gap:3rem;width:100%;margin-top:0}.project-main{flex:1;width:100%}.project-section{margin-bottom:3rem;text-align:left;width:100%}.project-section h3{font-size:2rem;margin-bottom:1.5rem;color:#b3e5fc;position:relative;padding-bottom:.5rem}.project-section h3:after{content:"";position:absolute;left:0;bottom:0;width:60px;height:3px;background:#b3e5fc}.project-section p{font-size:1.1rem;line-height:1.6;color:#e0e0e0;margin-bottom:1.5rem}.feature-list{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.feature-list li{position:relative;padding-left:1.5rem;font-size:1.1rem;line-height:1.5;color:#fff}.feature-list li:before{content:"→";position:absolute;left:0;color:#b3e5fc}.tech-stack{display:flex;flex-wrap:wrap;gap:1rem;align-items:flex-start}.tech-tag{background:#b3e5fc1a;color:#b3e5fc;padding:.5rem 1rem;border-radius:20px;font-size:.9rem;transition:all .3s ease}.tech-tag:hover{background:#b3e5fc33;transform:translateY(-2px)}.challenges-solutions{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.timeline{list-style:none;padding:0}.timeline-item{position:relative;padding-left:1.5rem;margin-bottom:1rem;font-size:1.1rem;line-height:1.5;color:#e0e0e0}.timeline-item:before{content:"→";position:absolute;left:0;color:#b3e5fc}.challenges ul,.solutions ul{list-style:none;padding:0}.challenges li,.solutions li{position:relative;padding-left:1.5rem;margin-bottom:1rem;font-size:1.1rem;line-height:1.5;color:#e0e0e0}.challenges li:before{content:"!";position:absolute;left:0;color:#ff6b6b}.solutions li:before{content:"✓";position:absolute;left:0;color:#69f0ae}.team-grid{color:#fff}.results-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.result-card{background:#b3e5fc0d;padding:1.5rem;border-radius:8px;transition:all .3s ease;color:#fff}.result-card:hover{background:#b3e5fc1a;transform:translateY(-2px)}@media (max-width: 1024px){.project-section h3{font-size:1.75rem}.feature-list,.results-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media (max-width: 768px){.carousel-button{width:40px;height:40px;font-size:20px}.carousel-button.prev{left:1rem}.carousel-button.next{right:1rem}.carousel-nav{bottom:1rem}.carousel-dot{width:8px;height:8px}.project-content{gap:2rem}.project-section h3{font-size:1.5rem;color:#d3d3d3}.project-section p,.feature-list li,.challenges li,.solutions li{font-size:1rem;color:#fff}.challenges-solutions{grid-template-columns:1fr}}@media (max-width: 480px){.carousel-button{width:35px;height:35px;font-size:18px}.project-detail-container{padding:1rem}.project-section h3{font-size:1.25rem}.tech-stack{gap:.75rem}.tech-tag{font-size:.8rem;padding:.4rem .8rem}.feature-list,.results-grid{grid-template-columns:1fr}}