@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Fira+Code:wght@400;500&display=swap";.app-card-header[data-v-e99f284c]{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:.5rem}.project-type-badge[data-v-e99f284c]{border-radius:50px;font-size:.7rem;font-weight:600;letter-spacing:.05em;padding:.25rem .6rem;text-transform:uppercase}.project-type-badge.mobile[data-v-e99f284c]{background:linear-gradient(135deg,#10b98120,#10b98140);color:#059669}.project-type-badge.web[data-v-e99f284c]{background:linear-gradient(135deg,#2563eb20,#2563eb40);color:#1d4ed8}:root{--primary:#2563eb;--primary-dark:#1e40af;--secondary:#8b5cf6;--accent:#10b981;--text-dark:#1e293b;--text-light:#64748b;--bg-light:#f8fafc;--bg-white:#fff;--border:#e2e8f0;--shadow:rgba(15,23,42,.08);--shadow-lg:rgba(15,23,42,.12)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg-white);color:var(--text-dark);font-family:Outfit,sans-serif;line-height:1.6}.app-container{overflow-x:hidden}.navbar{animation:slideDown .5s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-bottom:1px solid var(--border);position:fixed;top:0;width:100%;z-index:1000}.nav-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1400px;padding:1.25rem 2rem}.logo-text{background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-background-clip:text;font-size:1.5rem;font-weight:800;-webkit-text-fill-color:transparent;background-clip:text}.nav-menu{display:flex;gap:2.5rem;list-style:none}.nav-menu a{color:var(--text-dark);font-size:.95rem;font-weight:500;position:relative;text-decoration:none;transition:color .3s}.nav-menu a:after{background:var(--primary);bottom:-5px;content:"";height:2px;left:0;position:absolute;transition:width .3s;width:0}.nav-menu a:hover{color:var(--primary)}.nav-menu a:hover:after{width:100%}.mobile-menu-btn{background:none;border:none;cursor:pointer;display:none;flex-direction:column;gap:5px;padding:8px}.mobile-menu-btn span{background:var(--text-dark);border-radius:2px;height:3px;transition:all .3s;width:25px}.mobile-menu{background:#fff;border-bottom:1px solid var(--border);display:none;left:0;position:fixed;top:73px;transform:translateY(-100%);transition:transform .3s;width:100%;z-index:999}.mobile-menu.active{transform:translateY(0)}.mobile-menu ul{list-style:none;padding:1rem}.mobile-menu li{padding:1rem}.mobile-menu a{color:var(--text-dark);font-size:1.1rem;font-weight:500;text-decoration:none}.container{margin:0 auto;max-width:1400px;padding:0 2rem}.section-header{margin-bottom:4rem;text-align:center}.section-label{color:var(--primary);display:inline-block;font-size:.9rem;font-weight:600;letter-spacing:.1em;margin-bottom:.5rem;text-transform:uppercase}.section-title{background:linear-gradient(135deg,var(--text-dark),var(--text-light));-webkit-background-clip:text;font-size:clamp(2.5rem,5vw,3.5rem);font-weight:800;margin-bottom:1rem;-webkit-text-fill-color:transparent;background-clip:text}.section-description{color:var(--text-light);font-size:1.15rem;margin:0 auto;max-width:600px}.hero-section{align-items:center;background:linear-gradient(135deg,#f8fafc,#e0e7ff);display:flex;min-height:100vh;overflow:hidden;padding:8rem 2rem 4rem;position:relative}.hero-content{flex:1;margin:0 auto;max-width:1400px;z-index:2}.hero-badge{animation:fadeInUp .8s ease .2s both;background:#fff;border-radius:50px;box-shadow:0 4px 20px var(--shadow);color:var(--primary);display:inline-block;font-size:.9rem;font-weight:600;margin-bottom:2rem;padding:.6rem 1.5rem}.hero-title{animation:fadeInUp .8s ease .4s both;font-size:clamp(2.5rem,6vw,4.5rem);font-weight:800;line-height:1.2;margin-bottom:1.5rem}.gradient-text{background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-description{animation:fadeInUp .8s ease .6s both;color:var(--text-light);font-size:1.2rem;line-height:1.8;margin-bottom:2.5rem;max-width:600px}.hero-buttons{animation:fadeInUp .8s ease .8s both;display:flex;gap:1rem}.hero-visual{height:400px;position:absolute;right:10%;top:50%;transform:translateY(-50%);width:400px}.floating-card{align-items:center;animation:float 6s ease-in-out infinite;background:#fff;border-radius:16px;box-shadow:0 10px 40px var(--shadow-lg);display:flex;gap:1rem;padding:1.5rem;position:absolute}.card-1{animation-delay:0s;left:0;top:0}.card-2{animation-delay:2s;right:0;top:50%}.card-3{animation-delay:4s;bottom:0;left:50%}.card-icon{font-size:2rem}.card-text{color:var(--text-dark);font-weight:600}.btn{border:2px solid transparent;border-radius:12px;cursor:pointer;display:inline-block;font-size:1rem;font-weight:600;padding:1rem 2rem;text-decoration:none;transition:all .3s}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark);box-shadow:0 10px 30px #2563eb4d;transform:translateY(-2px)}.btn-secondary{background:#fff;border-color:var(--primary);color:var(--primary)}.btn-secondary:hover{background:var(--primary);color:#fff}.btn-outline{background:transparent;border-color:var(--border);color:var(--text-dark)}.btn-outline:hover{border-color:var(--primary);color:var(--primary)}.btn-full{width:100%}.about-section{background:var(--bg-white);padding:8rem 0}.about-grid{align-items:start;display:grid;gap:4rem;grid-template-columns:1fr 1fr}.about-text{color:var(--text-light);font-size:1.1rem;line-height:1.8;margin-bottom:1.5rem}.stats-grid{display:grid;gap:2rem;grid-template-columns:repeat(3,1fr);margin-top:3rem}.stat-item{background:var(--bg-light);border-radius:16px;padding:2rem;text-align:center;transition:transform .3s}.stat-item:hover{transform:translateY(-5px)}.stat-number{color:var(--primary);font-size:2.5rem;font-weight:800;margin-bottom:.5rem}.stat-label{color:var(--text-light);font-size:.9rem}.skills-title{font-size:1.5rem;font-weight:700;margin-bottom:2rem}.skills-grid{display:flex;flex-direction:column;gap:1.5rem}.skill-item{background:var(--bg-light);border-radius:12px;padding:1.5rem}.skill-name{color:var(--text-dark);font-weight:600;margin-bottom:.75rem}.skill-bar{background:#fff;border-radius:50px;height:8px;overflow:hidden}.skill-progress{background:linear-gradient(90deg,var(--primary),var(--secondary));border-radius:50px;height:100%;transition:width 1s ease}.apps-section{background:var(--bg-light);padding:8rem 0}.apps-grid{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.app-card{background:#fff;border:2px solid transparent;border-radius:20px;box-shadow:0 4px 20px var(--shadow);padding:2.5rem;transition:all .3s}.app-card:hover{border-color:var(--primary);box-shadow:0 12px 40px var(--shadow-lg);transform:translateY(-8px)}.app-icon{font-size:4rem;margin-bottom:1.5rem}.app-title{color:var(--text-dark);font-size:1.75rem;font-weight:700;margin-bottom:1rem}.app-description{color:var(--text-light);line-height:1.7;margin-bottom:1.5rem}.app-tags{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:2rem}.tag{background:var(--bg-light);border-radius:50px;color:var(--primary);font-size:.85rem;font-weight:600;padding:.5rem 1rem}.app-actions{display:flex;gap:1rem}.services-section{background:#fff;padding:8rem 0}.services-grid{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.service-card{background:var(--bg-light);border:2px solid transparent;border-radius:20px;padding:2.5rem;transition:all .3s}.service-card:hover{background:#fff;border-color:var(--primary);box-shadow:0 8px 30px var(--shadow)}.service-icon{font-size:3rem;margin-bottom:1.5rem}.service-title{color:var(--text-dark);font-size:1.5rem;font-weight:700;margin-bottom:1rem}.service-description{color:var(--text-light);line-height:1.7}.contact-section{background:linear-gradient(135deg,#f8fafc,#e0e7ff);padding:8rem 0}.contact-grid{display:grid;gap:4rem;grid-template-columns:1fr 1.5fr}.contact-info{display:flex;flex-direction:column;gap:2rem}.contact-item{background:#fff;border-radius:16px;box-shadow:0 4px 20px var(--shadow);display:flex;gap:1.5rem;padding:2rem}.contact-icon{font-size:2.5rem}.contact-item h4{color:var(--text-dark);font-size:1.1rem;font-weight:700;margin-bottom:.5rem}.contact-item a{color:var(--primary);font-weight:500;text-decoration:none}.contact-item a:hover{text-decoration:underline}.social-links{display:flex;flex-wrap:wrap;gap:1rem}.contact-form{background:#fff;border-radius:20px;box-shadow:0 8px 30px var(--shadow);padding:3rem}.form-group{margin-bottom:1.5rem}.form-group label{color:var(--text-dark);display:block;font-weight:600;margin-bottom:.5rem}.form-group input,.form-group textarea{border:2px solid var(--border);border-radius:12px;font-family:Outfit,sans-serif;font-size:1rem;padding:1rem;transition:border-color .3s;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:var(--primary);outline:none}.form-group textarea{resize:vertical}.footer{background:var(--text-dark);color:#fff;padding:4rem 0 2rem}.footer-content{display:grid;gap:3rem;grid-template-columns:1.5fr 1fr 1fr 1fr;margin-bottom:3rem}.footer-brand h3{background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-background-clip:text;font-size:1.5rem;font-weight:800;margin-bottom:1rem;-webkit-text-fill-color:transparent;background-clip:text}.footer-brand p{color:var(--text-light)}.footer-column h4{font-size:1.1rem;font-weight:700;margin-bottom:1rem}.footer-column ul{list-style:none}.footer-column li{margin-bottom:.75rem}.footer-column a{color:var(--text-light);text-decoration:none;transition:color .3s}.footer-column a:hover{color:var(--primary)}.footer-bottom{border-top:1px solid hsla(0,0%,100%,.1);color:var(--text-light);padding-top:2rem;text-align:center}@keyframes slideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@media(max-width:1024px){.hero-visual{display:none}.about-grid,.contact-grid,.stats-grid{grid-template-columns:1fr}.footer-content{grid-template-columns:1fr 1fr}}@media(max-width:768px){.nav-menu{display:none}.mobile-menu-btn{display:flex}.mobile-menu{display:block}.hero-section{padding:6rem 1.5rem 3rem}.hero-buttons{flex-direction:column}.section{padding:4rem 0}.container{padding:0 1.5rem}.apps-grid{grid-template-columns:1fr}.app-actions{flex-direction:column}.footer-content{grid-template-columns:1fr}}