@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap);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}*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg,#0a1a1a,#001a1a);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;overflow-x:hidden;scroll-behavior:smooth}a,body{color:#fff}.app{min-height:100vh;position:relative}.app:before{background:radial-gradient(circle at 20% 80%,#7877c64d 0,#0000 50%),radial-gradient(circle at 80% 20%,#ff77c64d 0,#0000 50%),radial-gradient(circle at 40% 40%,#78dbff33 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:-1}@media (max-width:768px){.container{padding:0 1rem}}.nav{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0a0a0acc;border-bottom:1px solid #ffffff1a;left:0;position:fixed;right:0;top:0;transition:all .3s ease;z-index:1000}.nav-scrolled{background:#0a0a0af2;border-bottom:1px solid #7877c64d;box-shadow:0 8px 32px #0000004d}.nav-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:1rem 2rem}.nav-logo img{height:40px;width:auto}.nav-links.desktop{display:flex;gap:2rem}@media (max-width:768px){.nav-links.desktop{display:none}}.nav-links button{background:none;border:none;color:#fffc;cursor:pointer;font-size:.95rem;font-weight:500;padding:.5rem 0;position:relative;transition:all .3s ease}.nav-links button:hover{color:#fff;text-shadow:0 0 10px #00d4aacc}.nav-links button:after{background:linear-gradient(90deg,#00d4aa,#32ff32);bottom:-2px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.nav-links button:hover:after{width:100%}.nav-social{display:flex;gap:1rem}.nav-social a{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border-radius:8px;color:#ffffffb3;padding:.5rem;transition:all .3s ease}.nav-social a:hover{background:#00d4aa1a;box-shadow:0 4px 15px #00d4aa4d;color:#00d4aa;transform:translateY(-2px)}.nav-toggle{background:none;border:none;color:#4a4a4a;cursor:pointer;display:none}.nav-mobile{background:#fff;border-top:1px solid #0000001a;display:flex;flex-direction:column;padding:1rem 2rem}.nav-mobile button{background:none;border:none;border-bottom:1px solid #0000000d;color:#4a4a4a;cursor:pointer;font-size:1rem;padding:1rem 0;text-align:left}.nav-social-mobile{border-top:1px solid #0000001a;display:flex;gap:1rem;margin-top:1rem;padding-top:1rem}.nav-social-mobile a{color:#6a6a6a}.hero{align-items:center;display:flex;min-height:100vh;overflow:hidden;position:relative}@media (max-width:768px){.hero{min-height:90vh;padding:2rem 0}}.hero-container{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1200px;padding:0 2rem}@media (max-width:768px){.hero-container{gap:2rem;grid-template-columns:1fr;padding:0 1rem;text-align:center}}.hero-content{z-index:2}.hero-greeting{color:#fffc;font-size:1.5rem;font-weight:400;margin-bottom:.5rem}.hero-name{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#00d4aa,#32ff32,#00e6bb);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:clamp(2.5rem,5vw,4rem);font-weight:700;line-height:1.1;margin-bottom:1.5rem}.hero-description{color:#ffffffe6;font-size:1.25rem;line-height:1.6;margin-bottom:2.5rem}.hero-cta{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;overflow:hidden;position:relative}.cta-primary,.cta-secondary{border-radius:12px;font-size:1rem}.cta-primary,.cta-secondary{border:none;cursor:pointer;display:inline-block;font-weight:600;padding:1rem 2rem;text-decoration:none;transition:all .3s ease}.cta-primary{background:linear-gradient(135deg,#00d4aa,#32ff32);border-radius:50px;box-shadow:0 8px 25px #00d4aa4d;color:#000;font-size:1.1rem}.cta-primary:hover{background:linear-gradient(135deg,#00e6bb,#40ff40);box-shadow:0 12px 35px #00d4aa66;transform:translateY(-2px)}.cta-secondary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;color:#fff}.cta-secondary:hover{background:#00d4aa33;border-color:#00d4aa99;box-shadow:0 8px 25px #00d4aa1a;transform:translateY(-2px)}.hero-visual{align-items:center;display:flex;justify-content:center;position:relative}.hero-shape{height:400px;position:relative;width:400px}.floating-element{background:linear-gradient(135deg,#00d4aa,#32ff32,#00e6bb);border-radius:30% 70% 70% 30%/30% 30% 70% 70%;box-shadow:0 0 50px #00d4aa66;height:200px;left:50%;opacity:.6;position:absolute;top:50%;transform:translate(-50%,-50%);width:200px}.scroll-indicator{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#00d4aa33,#32ff3233);border:1px solid #ffffff4d;border-radius:2rem;bottom:2rem;box-shadow:0 8px 32px #0000004d;color:#ffffffe6;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;left:50%;padding:.75rem 1.5rem;position:absolute;transform:translateX(-50%);transition:all .4s cubic-bezier(.4,0,.2,1)}@media (max-width:768px){.scroll-indicator{bottom:1rem;font-size:.8rem;padding:.6rem 1.2rem;z-index:10}.floating-element{height:150px;opacity:.3;width:150px}.hero-shape{height:300px;width:300px}}.scroll-indicator:before{content:"Scroll";font-size:.85rem;opacity:.8}.scroll-indicator:hover{background:linear-gradient(135deg,#00d4aa66,#32ff3266);border-color:#ffffff80;box-shadow:0 12px 40px #00d4aa80;color:#fff;transform:translateX(-50%) translateY(-8px)}.section-header{margin-bottom:4rem;text-align:center}@media (max-width:768px){.section-header{margin-bottom:2rem}}.section-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#00d4aa,#32ff32,#00e6bb);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:clamp(2.5rem,5vw,3.5rem);font-weight:800;letter-spacing:-.02em;margin-bottom:2rem;text-shadow:0 0 30px #00d4aa80}@media (max-width:768px){.about h2,.contact h2,.projects h2,.section-header h2{font-size:clamp(2rem,8vw,2.8rem);margin-bottom:1.5rem}}.section-header p{color:#ffffffe6;font-size:1.35rem;font-weight:400;line-height:1.7;margin:0 auto;max-width:600px}.about{padding:6rem 0;position:relative}@media (max-width:768px){.about,.contact,.projects{padding:3rem 0}}.about h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#00d4aa,#32ff32,#00e6bb);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:clamp(2.5rem,5vw,3.5rem);font-weight:800;letter-spacing:-.02em;margin-bottom:2rem;text-align:center;text-shadow:0 0 30px #00d4aa80}.about-content{grid-gap:4rem;align-items:start;display:grid;gap:4rem;grid-template-columns:1fr 1fr}@media (max-width:768px){.about-content{gap:2rem;grid-template-columns:1fr}}.about-text p{color:#ffffffe6;font-size:1.1rem;line-height:1.7;margin-bottom:1.5rem}.about-skills h3{color:#fff;font-size:2rem;font-weight:700;letter-spacing:-.01em;margin-bottom:2rem;text-shadow:0 0 20px #ffffff4d}@media (max-width:768px){.about-skills h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#00d4aa,#32ff32,#00e6bb);-webkit-background-clip:text;background-clip:text;font-size:clamp(2rem,8vw,2.8rem);font-weight:800;margin-bottom:1.5rem;text-shadow:0 0 30px #00d4aa80}}.skills-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}@media (max-width:768px){.skills-grid{gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}}.skill-tag{background:#00d4aa1a;border:1px solid #00d4aa33;border-radius:8px;color:#ffffffe6;font-size:.9rem;font-weight:500;padding:.75rem 1rem;text-align:center;transition:all .3s ease}.skill-tag:hover{background:#00d4aa33;border-color:#00d4aa66;box-shadow:0 4px 15px #00d4aa33;transform:translateY(-2px)}.projects{padding:6rem 0;position:relative}.projects h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#00d4aa,#32ff32,#00e6bb);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:clamp(2.5rem,5vw,3.5rem);font-weight:800;letter-spacing:-.02em;margin-bottom:2rem;text-align:center;text-shadow:0 0 30px #00d4aa80}.projects-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));justify-content:center;justify-items:center;margin:0 auto;max-width:1200px}@media (max-width:768px){.projects-grid{gap:1.5rem;grid-template-columns:1fr;padding:0 1rem}}.project-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#00d4aa1a;border:1px solid #00d4aa33;border-radius:16px;box-shadow:0 8px 32px #0000004d;max-width:400px;overflow:hidden;transition:all .3s ease;width:100%}.project-card:hover{border-color:#00d4aa66;box-shadow:0 16px 48px #00d4aa33;transform:translateY(-8px)}.project-image{height:200px;overflow:hidden;width:100%}.project-image img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.project-card:hover .project-image img{transform:scale(1.05)}.project-content{padding:1.5rem}.project-header{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.project-logo{height:40px;object-fit:contain;width:40px}.project-header h3{color:#fff;font-size:1.25rem;font-weight:600;margin:0}.project-award{background:#ffd7001a;border:1px solid #ffd7004d;color:gold;margin-bottom:1rem;padding:.5rem}.project-content p{color:#fffc;line-height:1.6;margin-bottom:1.5rem}.project-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.tag{background:#7877c633;border:1px solid #7877c64d;border-radius:20px;color:#ffffffe6;font-size:.8rem;font-weight:500;padding:.25rem .75rem}.project-links{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.project-btn{align-items:center;border:1px solid #0000;border-radius:8px;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.75rem 1.25rem;text-decoration:none;transition:all .3s ease}.project-btn.primary{background:#7877c6cc;border-color:#7877c6e6;color:#fff}.project-btn.primary:hover{background:#7877c6;box-shadow:0 4px 15px #7877c666;transform:translateY(-2px)}.project-btn.secondary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-color:#fff3;color:#ffffffe6}.project-btn.secondary:hover{background:#fff3;border-color:#ffffff4d;color:#fff;transform:translateY(-2px)}.project-award{background:linear-gradient(135deg,gold,#ffb347);color:#1a1a1a;display:flex;font-weight:600;margin-top:.5rem}.project-award,.project-link{align-items:center;border-radius:8px;font-size:.9rem;gap:.5rem;padding:.5rem 1rem}.project-link{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #fff3;color:#fffc;display:inline-flex;font-weight:500;text-decoration:none;transition:all .3s ease}.project-link:hover{background:#ffffff1a;border-color:#ffffff4d;color:#fff}.project-link.demo{background:linear-gradient(135deg,#7877c6,#ff77c6);border-color:#0000;color:#fff}.project-link.demo:hover{background:linear-gradient(135deg,#6a6ab8,#e66bb8);box-shadow:0 4px 15px #7877c666;transform:translateY(-2px)}.contact{padding:6rem 0;position:relative}.contact h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#00d4aa,#32ff32,#00e6bb);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:clamp(2.5rem,5vw,3.5rem);font-weight:800;letter-spacing:-.02em;margin-bottom:2rem;text-align:center;text-shadow:0 0 30px #00d4aa80}.contact p{color:#fffc;font-size:1.2rem;margin-bottom:3rem;margin-left:auto;margin-right:auto;max-width:600px;text-align:center}.contact-links{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));justify-items:center;margin:0 auto;max-width:1000px}@media (max-width:768px){.contact-links{gap:1rem;grid-template-columns:1fr;padding:0 1rem}}.contact-link{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#00d4aa1a;border:1px solid #00d4aa33;border-radius:16px;box-shadow:0 8px 32px #0003;color:inherit;display:flex;gap:1rem;padding:2rem;text-decoration:none;transition:all .3s ease}.contact-link:hover{background:#00d4aa33;border-color:#00d4aa66;box-shadow:0 12px 40px #00d4aa33;transform:translateY(-4px)}.contact-link h3{color:#fff;font-size:1.25rem;font-weight:600;margin:0 0 .25rem}.contact-link p{color:#fffc;margin:0}.contact-link .icon{align-items:center;background:linear-gradient(135deg,#00d4aa,#40ff40);border-radius:12px;color:#000;display:flex;font-size:1.2rem;height:2.5rem;justify-content:center;width:2.5rem}.footer{background:linear-gradient(135deg,#0d1f1f,#001a1a);border-top:1px solid #00d4aa33;padding:3rem 0 2rem;text-align:center}.footer-content{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.footer-links{display:flex;gap:2rem}.footer-links a{border-radius:8px;color:#ffffffb3;padding:.5rem;text-decoration:none;transition:all .3s ease}.footer-links a:hover{background:#7877c633;color:#fff;text-shadow:0 0 10px #7877c6cc}.scroll-triangles{height:100%;left:0;overflow:hidden;pointer-events:none;position:fixed;top:0;width:100%;z-index:-1}.scroll-triangle{background:linear-gradient(135deg,#ff6b6b,#4ecdc4);border-radius:0;box-shadow:0 0 20px #ff6b6b4d;clip-path:polygon(50% 0,0 100%,100% 100%);filter:blur(1px);opacity:.1}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.loading-screen{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#1a1a1a,#2d1b69 50%,#000);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.loading-content{align-items:center;display:flex;flex-direction:column;text-align:center}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #ffffff1a;border-radius:50%;border-top-color:#00d4aa;box-shadow:0 0 30px #00d4aa4d;height:80px;margin-bottom:2rem;width:80px}.loading-screen p{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#00d4aa,#32ff32,#00e6bb);background-clip:text;-webkit-background-clip:text;color:#fff;font-size:1.4rem;font-weight:300;letter-spacing:3px;text-transform:uppercase}.loading-circle{animation:spin 1s linear infinite;border:3px solid #ffffff1a;border-radius:50%;border-top-color:#00d4aa;height:60px;width:60px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-content h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#00d4aa,#32ff32,#00e6bb);-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:300}@media (max-width:768px){.desktop{display:none}.mobile,.nav-toggle{display:block}.hero-container{gap:2rem;grid-template-columns:1fr;text-align:center}.hero-visual{order:-1}.hero-shape{height:300px;width:300px}.floating-element{height:150px;width:150px}.about-content{gap:2rem}.about-content,.contact-links,.projects-grid{grid-template-columns:1fr}.footer-content{flex-direction:column;text-align:center}.hero-cta{justify-content:center}}@media (min-width:769px){.desktop{display:flex}.mobile{display:none}}.container{margin:0 auto;max-width:1200px;padding:0 2rem}.text-center{text-align:center}.mb-4{margin-bottom:2rem}.mt-4{margin-top:2rem}
/*# sourceMappingURL=main.72cb2600.css.map*/