body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Comic Sans MS,cursive,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--primary:#6366f1;--primary-light:#818cf8;--primary-dark:#4f46e5;--secondary:#ec4899;--accent:#14b8a6;--background:#0f172a;--surface:#1e293b;--surface-light:#334155;--text:#f1f5f9;--text-secondary:#cbd5e1;--border:#94a3b833;--shadow:0 20px 25px -5px #00000080;--glow:0 0 20px #6366f14d}*{box-sizing:border-box;margin:0;padding:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes glow{0%,to{box-shadow:0 0 20px #6366f14d}50%{box-shadow:0 0 40px #6366f199}}@keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.App{background:#0f172a;background:var(--background);color:#f1f5f9;color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;min-height:100vh}.background-gradient{background:radial-gradient(circle at 20% 50%,#6366f126 0,#0000 50%),radial-gradient(circle at 80% 80%,#ec489926 0,#0000 50%);height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:0}.modern-nav{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e293bcc;border-bottom:1px solid #94a3b833;border-bottom:1px solid var(--border);box-shadow:0 20px 25px -5px #00000080;box-shadow:var(--shadow);position:-webkit-sticky;position:sticky;top:0;z-index:1000}.nav-container{justify-content:space-between;margin:0 auto;max-width:1200px;padding:1rem 2rem}.logo,.nav-container{align-items:center;display:flex}.logo{color:#f1f5f9;color:var(--text);font-size:1.5rem;font-weight:700;gap:.75rem;transition:transform .3s ease}.logo:hover{transform:scale(1.05)}.logo-icon{-webkit-text-fill-color:#0000;animation:float 3s ease-in-out infinite;background:linear-gradient(135deg,#6366f1,#ec4899);background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-background-clip:text;background-clip:text;font-size:2rem}.nav-links{display:flex;gap:.5rem}.nav-links button{background:#0000;border:none;border-radius:.5rem;color:#cbd5e1;color:var(--text-secondary);cursor:pointer;font-size:.95rem;font-weight:500;padding:.75rem 1.25rem;position:relative;transition:all .3s ease}.nav-links button:before{background:#6366f1;background:var(--primary);bottom:0;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);transition:width .3s ease;width:0}.nav-links button:hover{background:#6366f11a;color:#f1f5f9;color:var(--text)}.nav-links button:hover:before{width:80%}.nav-links button.active{background:#6366f133;color:#f1f5f9;color:var(--text)}.nav-links button.active:before{width:80%}.main-content{margin:0 auto;max-width:1200px;padding:3rem 2rem;position:relative;z-index:1}.page-content{animation:fadeIn .6s ease}.hero-section{margin-bottom:4rem;padding:4rem 0;text-align:center}.hero-title{-webkit-text-fill-color:#0000;animation:gradient 5s ease infinite;background:linear-gradient(135deg,#6366f1,#ec4899,#14b8a6);background:linear-gradient(135deg,var(--primary),var(--secondary),var(--accent));-webkit-background-clip:text;background-clip:text;background-size:200% 200%;font-size:3.5rem;font-weight:800;margin-bottom:1rem}.hero-subtitle{color:#cbd5e1;color:var(--text-secondary);font-size:1.5rem;font-weight:300;margin-bottom:2rem}.hero-badge{align-items:center;animation:glow 3s ease-in-out infinite;background:#6366f133;border:1px solid #6366f14d;border-radius:2rem;display:inline-flex;font-size:.95rem;gap:.5rem;margin-bottom:2rem;padding:.75rem 1.5rem}.content-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e293b80;border:1px solid #94a3b833;border:1px solid var(--border);border-radius:1.5rem;box-shadow:0 20px 25px -5px #00000080;box-shadow:var(--shadow);margin-bottom:2rem;padding:3rem;transition:transform .3s ease,box-shadow .3s ease}.content-card:hover{box-shadow:0 30px 60px -15px #00000080;transform:translateY(-5px)}.section-title{align-items:center;color:#f1f5f9;color:var(--text);display:flex;font-size:2rem;font-weight:700;gap:.75rem;margin-bottom:1rem}.section-subtitle{color:#cbd5e1;color:var(--text-secondary);font-size:1.125rem;line-height:1.8;margin-bottom:2rem}.services-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:2rem}.service-card{animation:fadeIn .6s ease backwards;background:linear-gradient(135deg,#6366f11a,#ec48991a);border:1px solid #94a3b833;border:1px solid var(--border);border-radius:1rem;padding:2rem;transition:all .3s ease}.service-card:first-child{animation-delay:.1s}.service-card:nth-child(2){animation-delay:.2s}.service-card:nth-child(3){animation-delay:.3s}.service-card:nth-child(4){animation-delay:.4s}.service-card:nth-child(5){animation-delay:.5s}.service-card:nth-child(6){animation-delay:.6s}.service-card:hover{border-color:#6366f1;border-color:var(--primary);box-shadow:0 20px 40px -10px #6366f14d;transform:translateY(-10px) scale(1.02)}.service-icon{font-size:2.5rem;margin-bottom:1rem}.service-card h3{color:#f1f5f9;color:var(--text);font-size:1.5rem;font-weight:600;margin-bottom:1rem}.service-card p{color:#cbd5e1;color:var(--text-secondary);line-height:1.8;margin-bottom:1.5rem}.tech-badges{display:flex;flex-wrap:wrap;gap:.5rem}.badge{background:#6366f133;border:1px solid #6366f14d;border-radius:.5rem;color:#818cf8;color:var(--primary-light);font-size:.85rem;font-weight:500;padding:.4rem .9rem;transition:all .3s ease}.badge:hover{background:#6366f14d;transform:scale(1.05)}.feature-list{list-style:none;margin:2rem 0}.feature-list li{animation:slideIn .6s ease backwards;background:#6366f10d;border-left:3px solid #6366f1;border-left:3px solid var(--primary);border-radius:.5rem;color:#cbd5e1;color:var(--text-secondary);font-size:1.05rem;line-height:1.6;margin:.75rem 0;padding:1rem 1.5rem;transition:all .3s ease}.feature-list li:first-child{animation-delay:.1s}.feature-list li:nth-child(2){animation-delay:.2s}.feature-list li:nth-child(3){animation-delay:.3s}.feature-list li:nth-child(4){animation-delay:.4s}.feature-list li:nth-child(5){animation-delay:.5s}.feature-list li:nth-child(6){animation-delay:.6s}.feature-list li:hover{background:#6366f11a;transform:translateX(10px)}.info-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:2rem 0}.info-card{background:#33415580;border:1px solid #94a3b833;border:1px solid var(--border);border-radius:1rem;padding:2rem;text-align:center;transition:all .3s ease}.info-card:hover{border-color:#6366f1;border-color:var(--primary);box-shadow:0 10px 30px -5px #6366f14d;transform:translateY(-5px)}.info-card h4{color:#f1f5f9;color:var(--text);font-size:1.25rem;margin-bottom:.75rem}.info-card p{color:#cbd5e1;color:var(--text-secondary);line-height:1.6}.contact-methods{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:2rem 0}.contact-card{background:linear-gradient(135deg,#6366f11a,#14b8a61a);border:1px solid #94a3b833;border:1px solid var(--border);border-radius:1rem;padding:2.5rem;text-align:center;transition:all .3s ease}.contact-card:hover{border-color:#14b8a6;border-color:var(--accent);box-shadow:0 20px 40px -10px #14b8a64d;transform:translateY(-10px)}.contact-card h3{color:#f1f5f9;color:var(--text);font-size:1.5rem;margin-bottom:1rem}.contact-button{background:linear-gradient(135deg,#6366f1,#4f46e5);background:linear-gradient(135deg,var(--primary),var(--primary-dark));border:1px solid #6366f14d;border-radius:.75rem;color:#fff;display:inline-block;font-weight:600;margin-top:1rem;padding:1rem 2rem;text-decoration:none;transition:all .3s ease}.contact-button:hover{box-shadow:0 10px 30px -5px #6366f180;transform:scale(1.05)}.portfolio-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin:2rem 0}.portfolio-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e293b80;border:1px solid #94a3b833;border:1px solid var(--border);border-radius:1rem;overflow:hidden;padding:2rem;position:relative;transition:all .4s ease}.portfolio-card:before{background:linear-gradient(135deg,#6366f11a,#0000);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .4s ease;width:100%}.portfolio-card:hover:before{opacity:1}.portfolio-card:hover{border-color:#6366f1;border-color:var(--primary);box-shadow:0 30px 60px -15px #6366f166;transform:translateY(-10px)}.portfolio-tag{background:#6366f1;background:var(--primary);border-radius:.5rem;color:#fff;display:inline-block;font-size:.8rem;font-weight:600;letter-spacing:.5px;margin-bottom:1rem;padding:.4rem .9rem}.portfolio-card h3{color:#f1f5f9;color:var(--text);font-size:1.5rem;margin-bottom:1rem}.portfolio-card p{color:#cbd5e1;color:var(--text-secondary);line-height:1.7;margin-bottom:1.5rem}.project-tech{display:flex;flex-wrap:wrap;gap:.5rem}.project-tech span{background:#14b8a633;border:1px solid #14b8a64d;border-radius:.5rem;color:#14b8a6;color:var(--accent);font-size:.85rem;padding:.4rem .9rem}.testimonials{margin-top:3rem}.testimonial-card{background:#3341554d;border-left:4px solid #14b8a6;border-left:4px solid var(--accent);border-radius:.75rem;margin:1.5rem 0;padding:2rem;transition:all .3s ease}.testimonial-card:hover{background:#33415580;transform:translateX(10px)}.testimonial-card p{color:#cbd5e1;color:var(--text-secondary);font-style:italic;line-height:1.8;margin-bottom:1rem}.testimonial-author{color:#14b8a6;color:var(--accent);font-weight:600;text-align:right}.social-links{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin:2rem 0}.social-button{background:#6366f11a;border:1px solid #6366f14d;border-radius:.75rem;color:#f1f5f9;color:var(--text);font-weight:500;padding:.9rem 1.5rem;text-decoration:none;transition:all .3s ease}.social-button:hover{background:#6366f133;box-shadow:0 10px 20px -5px #6366f14d;transform:translateY(-3px)}.music-player{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e293be6;border:1px solid #94a3b833;border:1px solid var(--border);border-radius:1rem;bottom:2rem;box-shadow:0 20px 25px -5px #00000080;box-shadow:var(--shadow);padding:1.5rem;position:fixed;right:2rem;transition:all .3s ease;width:320px;z-index:500}.music-player:hover{box-shadow:0 30px 60px -15px #00000080}.player-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.player-title{font-size:.9rem;font-weight:600;letter-spacing:1px}.minimize-btn,.player-title{color:#cbd5e1;color:var(--text-secondary)}.minimize-btn{background:#0000;border:none;cursor:pointer;font-size:1.5rem;transition:all .3s ease}.minimize-btn:hover{color:#f1f5f9;color:var(--text);transform:scale(1.1)}.player-info{align-items:center;background:#33415580;border-radius:.75rem;display:flex;margin-bottom:1rem;min-height:50px;padding:1rem}.track-info{color:#f1f5f9;color:var(--text);font-size:.95rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-controls{display:flex;gap:1rem;justify-content:center;margin-bottom:1rem}.player-controls button{align-items:center;background:#6366f1;background:var(--primary);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;height:45px;justify-content:center;transition:all .3s ease;width:45px}.player-controls button:hover{background:#818cf8;background:var(--primary-light);transform:scale(1.1)}.playlist{background:#3341554d;border-radius:.75rem;max-height:180px;overflow-y:auto;padding:.5rem}.playlist::-webkit-scrollbar{width:6px}.playlist::-webkit-scrollbar-track{background:#0000}.playlist::-webkit-scrollbar-thumb{background:#6366f1;background:var(--primary);border-radius:3px}.playlist-item{align-items:center;border-radius:.5rem;color:#cbd5e1;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.9rem;gap:.5rem;margin:.25rem 0;padding:.75rem;transition:all .3s ease}.playlist-item:hover{background:#6366f11a;color:#f1f5f9;color:var(--text)}.playlist-item.active{background:#6366f133;color:#818cf8;color:var(--primary-light);font-weight:600}.stats-counter{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e293be6;border:1px solid #94a3b833;border:1px solid var(--border);border-radius:1rem;bottom:2rem;box-shadow:0 20px 25px -5px #00000080;box-shadow:var(--shadow);left:2rem;min-width:200px;padding:1.5rem;position:fixed;z-index:500}.stat-item{align-items:center;display:flex;gap:.75rem;margin:.5rem 0}.stat-icon{font-size:1.5rem}.stat-content{flex:1 1}.stat-label{color:#cbd5e1;color:var(--text-secondary);font-size:.8rem;letter-spacing:.5px;text-transform:uppercase}.stat-value{color:#f1f5f9;color:var(--text);font-family:Courier New,monospace;font-size:1.5rem;font-weight:700}.modern-footer{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f172acc;border-top:1px solid #94a3b833;border-top:1px solid var(--border);margin-top:4rem;padding:3rem 2rem;text-align:center}.footer-content{margin:0 auto;max-width:1200px}.footer-links{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin:1.5rem 0}.footer-links a{color:#cbd5e1;color:var(--text-secondary);text-decoration:none;transition:color .3s ease}.footer-links a:hover{color:#818cf8;color:var(--primary-light)}.footer-text{color:#cbd5e1;color:var(--text-secondary);margin:.5rem 0}@media (max-width:768px){.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.2rem}.nav-container{flex-direction:column;gap:1rem}.nav-links{flex-wrap:wrap;justify-content:center;width:100%}.portfolio-grid,.services-grid{grid-template-columns:1fr}.content-card{padding:2rem 1.5rem}.music-player{bottom:1rem;left:1rem;right:1rem;width:calc(100% - 2rem)}.stats-counter{bottom:auto;left:1rem;top:5rem}.main-content{padding:2rem 1rem}}@media (max-width:480px){.hero-title{font-size:2rem}.section-title{font-size:1.5rem}.nav-links button{font-size:.85rem;padding:.6rem 1rem}.portfolio-card,.service-card{padding:1.5rem}}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#0f172a;background:var(--background)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#6366f1,#ec4899);background:linear-gradient(180deg,var(--primary),var(--secondary));border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#818cf8;background:var(--primary-light)}html{scroll-behavior:smooth}::selection{background:#6366f14d;color:#f1f5f9;color:var(--text)}
/*# sourceMappingURL=main.bdbf79a7.css.map*/