*{box-sizing:border-box;margin:0;padding:0}:root{--primary:#6366f1;--secondary:#8b5cf6;--accent:#ec4899;--bg-dark:#0a0a0f;--bg-darker:#050508;--text-light:#e5e7eb;--text-muted:#9ca3af;--card-bg:#ffffff08;--card-border:#ffffff1a;--glow:#6366f180}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0a0a0f;background:var(--bg-dark);color:#e5e7eb;color:var(--text-light);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;overflow-x:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{min-height:100vh;width:100%}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#050508;background:var(--bg-darker)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#6366f1,#ec4899);background:linear-gradient(180deg,var(--primary),var(--accent));border-radius:5px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#8b5cf6,#6366f1);background:linear-gradient(180deg,var(--secondary),var(--primary))}.navigation{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0a0a0f4d;border-bottom:1px solid #ffffff0d;left:0;padding:1.5rem 0;position:fixed;top:0;transition:all .3s ease;width:100%;z-index:1000}.navigation.scrolled{background:#0a0a0fe6;box-shadow:0 10px 30px #0000004d;padding:1rem 0}.nav-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1400px;padding:0 2rem}.logo{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary),var(--accent));-webkit-background-clip:text;background-clip:text;cursor:pointer;font-size:1.5rem;font-weight:700}.nav-list{align-items:center;display:flex;gap:2rem;list-style:none}.nav-list a{color:var(--text-light);font-weight:500;padding:.5rem 0;position:relative;text-decoration:none;transition:color .3s ease}.nav-list a:after{background:linear-gradient(90deg,var(--primary),var(--accent));bottom:0;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.nav-list a.active,.nav-list a:hover{color:var(--primary)}.nav-list a.active:after,.nav-list a:hover:after{width:100%}@media (max-width:768px){.nav-container{flex-direction:column;gap:1rem}.nav-list{font-size:.9rem;gap:1rem}}.hero{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:8rem 2rem 2rem;position:relative;text-align:center}.hero-content{max-width:900px;z-index:1}.hero-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#6366f11a;border:1px solid #6366f14d;border-radius:50px;display:inline-block;margin-bottom:2rem;padding:.5rem 1.5rem}.hero-badge span{color:var(--primary);font-size:.9rem;font-weight:500;letter-spacing:1px}.hero-title{color:var(--text-light);font-size:clamp(2.5rem,8vw,5rem);font-weight:800;line-height:1.2;margin-bottom:1.5rem}.gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary),var(--accent));-webkit-background-clip:text;background-clip:text;display:inline-block;position:relative}.gradient-text:after{background:linear-gradient(90deg,var(--primary),var(--accent));border-radius:2px;bottom:0;content:"";height:3px;left:0;position:absolute;width:100%}.hero-subtitle{color:var(--text-muted);font-size:clamp(1.1rem,3vw,1.5rem);line-height:1.8;margin-bottom:3rem}.hero-buttons{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;margin-bottom:4rem}.btn{border:none;border-radius:50px;cursor:pointer;display:inline-block;font-size:1rem;font-weight:600;padding:1rem 2.5rem;text-decoration:none;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--secondary));box-shadow:0 10px 30px #6366f14d;color:#fff}.btn-secondary{background:#0000;border:2px solid #fff3;color:var(--text-light)}.btn-secondary:hover{background:#ffffff0d;border-color:var(--primary)}.scroll-indicator{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;font-size:.9rem;gap:1rem}.mouse{border:2px solid var(--text-muted);border-radius:20px;display:flex;height:50px;justify-content:center;padding-top:8px;position:relative;width:30px}.wheel{animation:scroll 1.5s infinite;background:var(--primary);border-radius:2px;height:10px;width:4px}@keyframes scroll{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(15px)}}@media (max-width:768px){.hero{padding:6rem 1rem 2rem}.hero-buttons{align-items:center;flex-direction:column}.btn{max-width:300px;width:100%}}.about{align-items:center;display:flex;min-height:100vh;padding:8rem 2rem}.container{margin:0 auto;max-width:1200px;width:100%}.section-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary),var(--accent));-webkit-background-clip:text;background-clip:text;font-size:clamp(2.5rem,6vw,4rem);font-weight:800;margin-bottom:5rem;text-align:center}.about-content{grid-gap:5rem;align-items:center;display:grid;gap:5rem;grid-template-columns:1fr 1fr}.about-text{font-size:1.1rem;line-height:1.9}.about-text p{color:var(--text-muted);margin-bottom:1.5rem}.about-stats{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr)}.stat-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--card-bg);border:1px solid var(--card-border);border-radius:20px;overflow:hidden;padding:2.5rem;position:relative;text-align:center;transition:all .3s ease}.stat-card:before{background:linear-gradient(135deg,#6366f11a,#ec48991a);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%}.stat-card:hover:before{opacity:1}.stat-card:hover{border-color:var(--primary);box-shadow:0 20px 40px #6366f133}.stat-number{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary),var(--accent));-webkit-background-clip:text;background-clip:text;font-weight:800}.stat-icon,.stat-number{font-size:3rem;margin-bottom:.5rem;position:relative;z-index:1}.stat-icon{align-items:center;display:flex;justify-content:center}.stat-icon svg{stroke:url(#icon-gradient);fill:none;stroke-width:2;height:3rem;width:3rem}.stat-label{color:var(--text-muted);font-size:.9rem;font-weight:500;position:relative;z-index:1}@media (max-width:968px){.about-content{gap:3rem;grid-template-columns:1fr}.about-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:568px){.about-stats{grid-template-columns:1fr}}.skills{align-items:center;display:flex;min-height:100vh;padding:8rem 2rem}.skills-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.skill-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--card-bg);border:1px solid var(--card-border);border-radius:24px;overflow:hidden;padding:2.5rem;position:relative;transition:all .3s ease}.skill-card:before{background:linear-gradient(135deg,#6366f10d,#ec48990d);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%}.skill-card:hover:before{opacity:1}.skill-card:hover{border-color:var(--primary);box-shadow:0 20px 40px #6366f133}.skill-header{gap:1rem;margin-bottom:2rem}.skill-header,.skill-icon{align-items:center;display:flex}.skill-icon{border-radius:16px;font-size:3rem;height:60px;justify-content:center;width:60px}.skill-header h3{color:var(--text-light);font-size:1.5rem;font-weight:700}.skill-technologies{display:flex;flex-wrap:wrap;gap:.75rem}.tech-tag{border-radius:20px;color:var(--text-light);cursor:default;font-size:.85rem;font-weight:500;padding:.5rem 1rem;transition:all .3s ease}@media (max-width:768px){.skills-grid{grid-template-columns:1fr}}.projects{align-items:center;display:flex;min-height:100vh;padding:8rem 2rem}.projects-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.project-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--card-bg);border:1px solid var(--card-border);border-radius:24px;cursor:pointer;overflow:hidden;transition:all .3s ease}.project-card:hover{border-color:var(--primary);box-shadow:0 20px 40px #6366f133}.project-image{height:250px;overflow:hidden;position:relative;width:100%}.project-overlay{align-items:center;background:#000000b3;display:flex;height:100%;justify-content:center;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%}.project-card:hover .project-overlay{opacity:1}.project-link{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #fff;border-radius:50px;color:#fff;font-size:1.1rem;font-weight:600;padding:.75rem 2rem;text-decoration:none;transition:all .3s ease}.project-link:hover{background:#fff;color:var(--bg-dark)}.project-info{padding:2rem}.project-info h3{color:var(--text-light);font-size:1.5rem;font-weight:700;margin-bottom:.75rem}.project-info p{color:var(--text-muted);line-height:1.6;margin-bottom:1.5rem}.project-tech{display:flex;flex-wrap:wrap;gap:.5rem}.tech-badge{background:#6366f11a;border:1px solid #6366f14d;border-radius:15px;color:var(--primary);font-size:.8rem;font-weight:500;padding:.4rem .9rem}@media (max-width:768px){.projects-grid{grid-template-columns:1fr}}.contact{align-items:center;display:flex;min-height:100vh;padding:8rem 2rem}.contact-content{margin:0 auto;max-width:800px;text-align:center}.contact-intro{color:var(--text-muted);font-size:1.2rem;line-height:1.8;margin-bottom:4rem}.contact-links{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:4rem}.contact-link{align-items:center;background:var(--card-bg);border:1px solid var(--card-border);border-radius:20px;color:var(--text-light);display:flex;flex-direction:column;gap:1rem;overflow:hidden;padding:2rem;position:relative;text-decoration:none;transition:all .3s ease}.contact-link-bg{border-radius:20px;height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%}.contact-link:hover .contact-link-bg{opacity:1}.contact-icon{font-size:2.5rem;position:relative;z-index:1}.contact-link span{font-weight:600;position:relative;z-index:1}.contact-form-container{margin-top:3rem}.contact-form{display:flex;flex-direction:column;gap:1.5rem;text-align:left}.form-group{position:relative}.form-group input,.form-group textarea{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;color:var(--text-light);font-family:inherit;font-size:1rem;padding:1rem 1.5rem;transition:all .3s ease;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a;outline:none}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-muted)}.form-group textarea{min-height:120px;resize:vertical}.btn-submit{background:linear-gradient(135deg,var(--primary),var(--secondary));border:none;border-radius:50px;box-shadow:0 10px 30px #6366f14d;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:1rem 2.5rem;transition:all .3s ease}.btn-submit:hover{box-shadow:0 15px 40px #6366f166}@media (max-width:768px){.contact-links{grid-template-columns:repeat(2,1fr)}}.footer{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0a0f80;border-top:1px solid var(--card-border);padding:3rem 2rem}.footer-content{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin:0 auto;max-width:1200px}.footer-content p{color:var(--text-muted);font-size:.9rem}.heart{animation:heartbeat 1.5s ease-in-out infinite;color:var(--accent)}@keyframes heartbeat{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.footer-links{display:flex;flex-wrap:wrap;gap:2rem}.footer-links a{color:var(--text-muted);font-size:.9rem;text-decoration:none;transition:color .3s ease}.footer-links a:hover{color:var(--primary)}@media (max-width:768px){.footer-content{flex-direction:column;text-align:center}.footer-links{justify-content:center}}.app{min-height:100vh;position:relative;width:100%}.canvas-container{height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:0}.content{position:relative;z-index:1}
/*# sourceMappingURL=main.88d187ce.css.map*/