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}body,html{height:100%;margin:0;padding:0}body,html{scroll-behavior:smooth}.header{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0f172a99;border-bottom:1px solid #38bdf81a;display:flex;height:50px;justify-content:center;padding:1rem 0;position:-webkit-sticky;position:sticky;top:0;transition:all .4s cubic-bezier(.25,.46,.45,.94);z-index:500}.header.scrolled{background:#080e1ef2;box-shadow:0 4px 40px #38bdf859,0 0 15px #38bdf81a;height:65px}.nav{align-items:center;display:flex;justify-content:space-between;margin:0 1.5rem;max-width:1000px;width:100%}.logo a{color:#ffc72c;font-size:1.8rem;font-weight:800;letter-spacing:1px;text-decoration:none;transition:all .3s ease-in-out}.logo .dot{color:#38bdf8;font-size:2rem}.logo a:hover{color:#fff;text-shadow:0 0 10px #ffffff80,0 0 25px #ffc72cb3}.nav-links{display:flex;flex:2 1;gap:3rem;justify-content:center;list-style:none;margin:0;padding:0}.nav-links li{transition:transform .2s ease-in-out}.nav-links li:hover{transform:translateY(-2px)}.nav-links a{color:#cbd5e1;font-weight:600;letter-spacing:.5px;position:relative;text-decoration:none;transition:color .3s ease}.nav-links a:after{background:linear-gradient(90deg,#38bdf8,#818cf8);border-radius:1.5px;bottom:-8px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);transition:width .35s cubic-bezier(.25,.46,.45,.94);width:0}.nav-links a:hover{color:#38bdf8}.nav-links a:hover:after{box-shadow:0 0 10px #38bdf8b3;width:100%}.nav-links a.active{color:#38bdf8;text-shadow:0 0 5px #38bdf880}.hamburger{cursor:pointer;display:none;flex-direction:column;gap:5px;transition:transform .3s ease}.hamburger:hover{transform:scale(1.1)}.bar{background-color:#ffc72c;border-radius:2px;height:3px;transform-origin:center;transition:all .3s ease;width:28px}@media (max-width:768px){.hamburger{display:flex;margin-right:1.5rem}.nav{justify-content:space-between;margin:0}.nav-links{background:#080e1efa;box-shadow:0 15px 30px #0009;flex-direction:column;max-height:0;overflow:hidden;right:0;text-align:center;top:70px;transition:max-height .4s ease-in-out;width:100%}.nav-links.active{max-height:350px;padding:1.5rem 0}.nav-links li{margin:1.2rem 0}}.home-section{background:radial-gradient(circle at 50% 30%,#0f172a,#020617);color:#fff;display:flex;flex-direction:column;justify-content:center;margin-top:-90px;min-height:100vh;overflow:hidden;position:relative;scroll-margin-top:70px;text-align:center;top:0}.home-content{margin-top:10px;z-index:2}.intro{font-size:1.1rem;margin:0 auto 1.5rem;max-width:700px;opacity:.9}.highlight{font-weight:600}.social-icons{display:flex;font-size:1.5rem;gap:1.5rem;justify-content:center;margin-bottom:2.5rem}.social-icons a{color:#fff;transition:.3s}.social-icons a:hover{color:#38bdf8;transform:scale(1.1)}.resume-btn{background:#38bdf8;border-radius:25px;color:#fff;font-weight:600;padding:.8rem 1.8rem;text-decoration:none;transition:all .3s ease}.resume-btn:hover{background:#0284c7;transform:translateY(-2px)}.icon-layer{inset:0;pointer-events:none;position:absolute}.tech-icon{animation:float 8s ease-in-out infinite;font-size:5rem;opacity:.15;position:absolute}.react{color:#38bdf8;left:15%;top:20%}.next{color:#fff;right:20%;top:15%}.tailwind{bottom:10%;color:#38bdf8;left:25%}.ts{bottom:15%;color:#007acc;right:15%}.figma{color:#ec4899;left:40%;top:30%}.cursor{animation:blink 1s step-end infinite;color:#38bdf8;display:inline-block;font-weight:700;margin-left:4px}@keyframes blink{50%{opacity:0}}.headline{font-size:2.5rem;font-weight:700;letter-spacing:1px;margin:1.2rem 0;min-height:3rem;transition:all .3s ease}.gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#ec4899,#38bdf8);-webkit-background-clip:text}.home-section:before{animation:pulse 8s ease-in-out infinite alternate;background:radial-gradient(circle at 30% 20%,#38bdf826,#0000 50%),radial-gradient(circle at 70% 80%,#ec489926,#0000 50%);content:"";inset:0;position:absolute;z-index:0}@keyframes pulse{0%{opacity:.5;transform:scale(1)}to{opacity:1;transform:scale(1.1)}}@keyframes floaty{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-15px) rotate(5deg)}}.tech-icon{animation:floaty 6s ease-in-out infinite}.scroll-indicator{bottom:30px;left:50%;position:absolute;transform:translateX(-50%)}.scroll-indicator span{border:2px solid #38bdf8;border-radius:20px;display:block;height:40px;position:relative;width:25px}.scroll-indicator span:after{animation:scroll 1.5s infinite;background:#38bdf8;border-radius:50%;content:"";height:6px;left:50%;position:absolute;top:8px;transform:translateX(-50%);width:6px}.about-section{align-items:center;animation:floatText 1.2s ease-out forwards;background:#0f172a;color:#e2e8f0;display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:4rem 2rem;position:relative}.about-container{align-items:center;display:flex;flex-direction:row;gap:3rem;max-width:1100px;width:100%}.about-text{flex:1 1}.about-title{color:#f8fafc;font-size:2.5rem;font-weight:700;margin-bottom:1rem}.highlight{color:#38bdf8}.about-description{color:#cbd5e1;font-size:1.05rem;line-height:1.7;margin-bottom:1rem}.about-highlights{color:#93c5fd;display:flex;flex-wrap:wrap;font-weight:500;gap:1rem;margin:1.5rem 0}.contact-info p{color:#f1f5f9;margin:.3rem 0}.about-buttons{display:flex;gap:1rem;margin-top:1.5rem}.btn{border-radius:8px;font-weight:600;padding:.7rem 1.5rem;text-decoration:none;transition:all .3s ease}.contact-btn{background:#38bdf8;color:#0f172a}.contact-btn:hover{background:#7dd3fc}.resume-btn{border:2px solid #38bdf8;color:#0f172a}.resume-btn:hover{background:#7dd3fc;color:#0f172a}.about-image{animation:floatImage 1.5s ease-in-out forwards;animation-delay:.3s;display:flex;flex:1 1;justify-content:center}.image-wrapper{border-radius:20px;box-shadow:0 0 40px #38bdf84d;overflow:hidden;position:relative;transition:transform .4s ease}.image-wrapper:hover{transform:scale(1.03)}.image-wrapper img{border-radius:20px;max-width:300px;object-fit:cover;width:100%}@media (max-width:900px){.about-container{flex-direction:column-reverse;text-align:center}.about-buttons{justify-content:center}.image-wrapper img{max-width:300px}}@keyframes floatText{0%{opacity:0;transform:translateY(30px)}50%{opacity:1;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@keyframes floatImage{0%{opacity:0;transform:translateY(50px) scale(.95)}60%{opacity:1;transform:translateY(-10px) scale(1)}to{opacity:1;transform:translateY(0) scale(1)}}.projects{background:#0f172a;color:#e2e8f0;padding:5rem 2rem;text-align:center}.section-title{color:#38bdf8;font-size:2.5rem;font-weight:700;margin-bottom:3rem}.project-gallery{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-auto-rows:200px;grid-template-columns:repeat(3,1fr);padding:5rem}.project-item{background:#1e293b;border:.2px solid #707b87;border-radius:12px;cursor:pointer;overflow:hidden;position:relative;transition:transform .4s ease,box-shadow .4s ease}.project-item.featured{grid-column:span 2;grid-row:span 2}.project-item.featured2{grid-row:span 2}.project-img{height:100%;object-fit:cover;transition:transform .5s ease,filter .5s ease;width:100%}.project-item:hover{box-shadow:0 10px 20px #38bdf833;transform:translateY(-6px)}.project-item:hover .project-img{filter:brightness(65%);transform:scale(1.05)}.overlay{background:linear-gradient(0deg,#0a0f1ce6 10%,#0a0f1c33 60%,#0000);inset:0;opacity:0;position:absolute;transition:opacity .4s ease}.project-item:hover .overlay{opacity:1}.project-info{bottom:0;left:0;opacity:0;padding:1.2rem;position:absolute;transform:translateY(20px);transition:all .4s ease;width:100%}.project-item:hover .project-info{opacity:1;transform:translateY(0)}.project-info h3{color:#fff;font-size:1.1rem;margin-bottom:.3rem}.project-info p{color:#cbd5e1;font-size:.9rem;margin-bottom:.8rem}.visit-btn{background:#38bdf8;border-radius:6px;color:#0f172a;font-weight:600;padding:.4rem 1rem;text-decoration:none;transition:background .3s ease}.visit-btn:hover{background:#7dd3fc}@media (max-width:1024px){.project-gallery{grid-auto-rows:220px;grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.project-gallery{grid-auto-rows:240px;grid-template-columns:1fr}.project-item.featured{grid-column:span 1;grid-row:span 1}.project-info{text-align:center}}.testimonial{background:#0f172a;color:#f8fafc;overflow:hidden;padding:6rem 2rem 200px;text-align:center}.testimonial h2{color:#38bdf8;font-size:2.5rem;font-weight:700;margin-bottom:3rem}.testimonial-viewport{display:flex;justify-content:center;overflow:hidden;width:100%}.testimonial-track{align-items:center;animation:scroll-left 28s linear infinite;display:flex;gap:2rem;padding:1rem 0;will-change:transform}.testimonial-track.paused{animation-play-state:paused}.testimonial-card{background:#1e293beb;border-radius:16px;box-shadow:0 0 10px #38bdf80d;flex:0 0 320px;opacity:.6;padding:2rem;text-align:center;transform:scale(.94);transition:transform .5s cubic-bezier(.22,1,.36,1),opacity .5s}.testimonial-card.active{animation:float 5s ease-in-out infinite;background:#1e293b;box-shadow:0 10px 40px #38bdf847;opacity:1;transform:scale(1.08)}.testimonial-card:hover{transform:scale(1.12)}@keyframes float{0%,to{transform:translateY(0) scale(1.08)}50%{transform:translateY(-8px) scale(1.08)}}@keyframes scroll-left{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.testimonial-card img{border:2px solid #38bdf8;border-radius:50%;box-shadow:0 0 15px #38bdf82e;height:72px;margin-bottom:1rem;object-fit:cover;width:72px}.quote{color:#cbd5e1;font-style:italic;margin:1rem 0}.testimonial-card h3{color:#38bdf8;font-size:1.1rem;margin:.4rem 0}.role{color:#94a3b8;font-size:.88rem}@media (max-width:900px){.testimonial-track{gap:1rem}.testimonial-card{flex:0 0 280px;padding:1.6rem}}@media (max-width:520px){.testimonial-card{flex:0 0 240px}}.contact-section{align-items:center;background-color:#0f172a;display:flex;justify-content:center;padding:8rem 2rem}.contact{background:radial-gradient(circle at 20% 30%,#0f172a,#1e293b);border-radius:20px;box-shadow:0 0 30px #38bdf833;color:#f8fafc;max-width:650px;padding:1.5rem;text-align:center;transition:all .4s ease;width:100%}.contact:hover{box-shadow:0 0 40px #38bdf866}.contact h2{color:#38bdf8;font-size:2.2rem;font-weight:700;margin-bottom:.5rem}.contact .intro{color:#94a3b8;font-size:1rem;line-height:1.6;margin-bottom:2.5rem}.contact-form{gap:1.5rem}.contact-form,.input-group{display:flex;flex-direction:column}.input-group{text-align:left}.contact-form label{color:#e2e8f0;font-weight:600;margin-bottom:.3rem}.contact-form input,.contact-form textarea{background:#1e293bb3;border:1px solid #38bdf84d;border-radius:8px;color:#f8fafc;font-size:1rem;padding:.8rem 1rem;transition:all .3s ease}.contact-form input:focus,.contact-form textarea:focus{background:#1e293be6;border-color:#38bdf8;box-shadow:0 0 10px #38bdf866;outline:none}.contact-form button{background:#38bdf8;border:none;border-radius:10px;color:#0f172a;cursor:pointer;font-size:1rem;font-weight:600;padding:.9rem 1.5rem;transition:all .3s ease}.contact-form button:hover{background:#0ea5e9;color:#facc15;transform:scale(1.05)}[data-animate=fade-up]{opacity:0;transform:translateY(20px);transition:opacity .8s ease,transform .8s ease}[data-animate=fade-up].visible{opacity:1;transform:translateY(0)}.toast{animation:fadeInOut 3s ease forwards;background:#38bdf8;border-radius:8px;bottom:40px;box-shadow:0 0 15px #38bdf84d;color:#0f172a;font-weight:600;padding:1rem 1.5rem;position:fixed;right:30px}@keyframes fadeInOut{0%{opacity:0;transform:translateY(20px)}10%{opacity:1;transform:translateY(0)}90%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}@media (max-width:600px){.contact{padding:3rem 1.5rem}.contact h2{font-size:2rem}}.footer{background-color:#1e293b;color:#f1f5f9;font-size:.9rem;padding:2rem 1rem;text-align:center}.footer p{margin-bottom:.2rem}.skills-section{background:#0f172a;color:#fff;overflow:hidden;padding:4rem 1rem;text-align:center}.skills-title{color:#60a5fa;font-size:2rem;font-weight:600;letter-spacing:1px}.skills-title,.tools-header{margin-bottom:2rem}.scroll-wrapper{overflow:hidden;padding:1rem;position:relative;width:100%}.scroll-track{animation:scroll 18s linear infinite;display:flex;gap:3rem;width:-webkit-max-content;width:max-content}.skill-item{align-items:center;display:flex;flex-direction:column;min-width:120px;transition:transform .3s ease,opacity .3s ease}.skill-item:hover{opacity:.9;transform:scale(1.15)}.skill-icon{filter:drop-shadow(0 0 8px rgba(96,165,250,.3));height:64px;margin-bottom:.5rem;object-fit:contain;width:64px}@keyframes scroll{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.scroll-wrapper:hover .scroll-track{animation-play-state:paused}@media (max-width:768px){.skills-title{font-size:1.5rem}.skill-item{min-width:80px}.skill-icon{height:48px;width:48px}}
/*# sourceMappingURL=main.c91a7705.css.map*/