@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";.app{display:flex;flex-direction:column;min-height:100vh}main{flex:1}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border-radius:9999px;font-weight:500;font-size:1rem;transition:all var(--transition-fast)}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:0 4px 14px #3b82f663}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3b82f666}.btn-outline{border:1px solid rgba(255,255,255,.2);color:var(--text-primary);background:transparent}.btn-outline:hover{background:#ffffff0d;border-color:#fff6}.navbar{position:fixed;top:0;left:0;width:100%;padding:1.5rem 0;z-index:1000;transition:all var(--transition-normal);background:transparent}.nav-scrolled{background:#0a0a0ad9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:1rem 0;box-shadow:0 1px #ffffff1a}.nav-container{display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.5rem;font-weight:700;letter-spacing:-.03em}.nav-links{display:flex;align-items:center;gap:2.5rem}.nav-links a:not(.btn){font-size:.95rem;font-weight:500;color:var(--text-secondary);position:relative}.nav-links a:not(.btn):hover{color:var(--text-primary)}.nav-links a:not(.btn):after{content:"";position:absolute;bottom:-4px;left:0;width:0%;height:2px;background:var(--gradient-text);transition:width var(--transition-normal)}.nav-links a:not(.btn):hover:after{width:100%}.mobile-toggle{display:none}.hamburger{width:24px;height:20px;position:relative;display:flex;flex-direction:column;justify-content:space-between}.hamburger span{display:block;height:2px;width:100%;background-color:var(--text-primary);border-radius:2px;transition:all var(--transition-fast)}@media(max-width:768px){.mobile-toggle{display:block}.nav-links{position:absolute;top:100%;left:0;width:100%;background:var(--bg-secondary);flex-direction:column;padding:2rem 0;gap:1.5rem;clip-path:polygon(0 0,100% 0,100% 0,0 0);transition:clip-path var(--transition-normal);box-shadow:var(--shadow-lg)}.nav-links.open{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}.hamburger.open span:nth-child(1){transform:translateY(9px) rotate(45deg)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:translateY(-9px) rotate(-45deg)}}.hero{position:relative;min-height:100vh;display:flex;align-items:center;padding-top:5rem;overflow:hidden}.hero-glow-1,.hero-glow-2{position:absolute;width:600px;height:600px;border-radius:50%;filter:blur(120px);z-index:-1;opacity:.15;animation:pulse 8s infinite alternate}.hero-glow-1{top:-100px;right:-100px;background:var(--brand-primary)}.hero-glow-2{bottom:0;left:-200px;background:var(--brand-secondary);animation-delay:2s}.hero-container{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.badge{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem 1rem;background:var(--bg-card);border:1px solid rgba(255,255,255,.1);border-radius:99px;font-size:.85rem;font-weight:500;color:var(--text-secondary);margin-bottom:2rem}.badge-dot{width:8px;height:8px;background:#10b981;border-radius:50%;box-shadow:0 0 10px #10b98199}.hero-title{font-size:4rem;font-weight:800;letter-spacing:-.04em;margin-bottom:1.5rem}.hero-desc{font-size:1.15rem;color:var(--text-secondary);margin-bottom:2.5rem;max-width:500px}.hero-actions{display:flex;gap:1rem}.btn-lg{padding:1rem 2rem;font-size:1.1rem}.hero-visual{position:relative}.glass-card{background:#ffffff08;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.08);border-radius:16px;box-shadow:var(--shadow-lg)}.main-card{width:100%;aspect-ratio:4/3;overflow:hidden;transform:perspective(1000px) rotateY(-15deg) rotateX(5deg);transition:transform .5s ease}.main-card:hover{transform:perspective(1000px) rotateY(-5deg) rotateX(2deg)}.card-header{padding:1rem;background:#ffffff05;border-bottom:1px solid rgba(255,255,255,.05)}.dots{display:flex;gap:6px}.dots span{width:12px;height:12px;border-radius:50%}.dots span:nth-child(1){background:#ff5f56}.dots span:nth-child(2){background:#ffbd2e}.dots span:nth-child(3){background:#27c93f}.card-body{padding:2rem}.mock-code{font-family:Fira Code,monospace;font-size:.95rem;color:var(--text-primary);line-height:1.6}.mock-code .indent{margin-left:1.5rem}.keyword{color:#ff7b72}.string{color:#a5d6ff}.function{color:#d2a8ff}.comment{color:#8b949e}.stat-card{position:absolute;bottom:-20px;left:-40px;padding:1.5rem;display:flex;align-items:center;gap:1rem}.stat-icon{width:48px;height:48px;border-radius:12px;background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;color:#fff}.stat-icon svg{width:24px;height:24px}.stat-card h3{font-size:1.5rem;margin-bottom:.2rem}.stat-card p{color:var(--text-secondary);font-size:.85rem;margin:0}.float-anim{animation:float 6s ease-in-out infinite}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-20px)}to{transform:translateY(0)}}@keyframes pulse{0%{transform:scale(1);opacity:.15}to{transform:scale(1.1);opacity:.25}}@media(max-width:1024px){.hero-container{grid-template-columns:1fr;text-align:center;gap:3rem}.badge{margin:0 auto 2rem}.hero-desc{margin:0 auto 2.5rem}.hero-actions{justify-content:center}.main-card{transform:none}.main-card:hover{transform:translateY(-5px)}.stat-card{left:20px;bottom:20px}}@media(max-width:768px){.hero-title{font-size:3rem}.hero-actions{flex-direction:column}.btn-lg{width:100%}}.services{background:var(--bg-secondary);position:relative}.section-header{text-align:center;margin-bottom:var(--space-xl);max-width:600px;margin-left:auto;margin-right:auto}.section-title{font-size:2.5rem;margin-bottom:1rem}.section-desc{color:var(--text-secondary);font-size:1.1rem}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.service-card{background:var(--bg-card);border:1px solid rgba(255,255,255,.05);border-radius:20px;padding:2.5rem 2rem;transition:all var(--transition-normal);position:relative;overflow:hidden}.service-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(800px circle at var(--mouse-x, 50%) var(--mouse-y, -20%),rgba(255,255,255,.06),transparent 40%);opacity:0;transition:opacity .5s;pointer-events:none}.service-card:hover{transform:translateY(-8px);border-color:#ffffff1a;box-shadow:0 20px 40px -10px #00000080}.service-card:hover:before{opacity:1}.service-icon{width:64px;height:64px;border-radius:16px;background:#3b82f61a;color:var(--brand-primary);display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;transition:all var(--transition-fast)}.service-card:hover .service-icon{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-glow)}.service-icon svg{width:32px;height:32px}.service-title{font-size:1.25rem;margin-bottom:1rem;font-weight:600}.service-desc{color:var(--text-secondary);font-size:.95rem;margin-bottom:2rem;line-height:1.6}.service-link{display:inline-flex;align-items:center;gap:.5rem;color:var(--text-primary);font-weight:500;font-size:.9rem}.service-link svg{width:16px;height:16px;transition:transform var(--transition-fast)}.service-link:hover svg{transform:translate(4px);color:var(--brand-primary)}@media(max-width:768px){.section-title{font-size:2rem}}.projects{background-color:var(--bg-primary);position:relative;padding-bottom:var(--space-xl)}.projects:before{content:"";position:absolute;top:20%;left:-10%;width:400px;height:400px;background:var(--brand-secondary);filter:blur(150px);opacity:.05;border-radius:50%;z-index:0}.projects .container{position:relative;z-index:1}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--space-md);margin-top:var(--space-lg)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.project-card{background-color:var(--bg-card);border:1px solid rgba(255,255,255,.05);border-radius:16px;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;flex-direction:column;animation:fadeInUp .8s ease backwards}.project-card:nth-child(2){animation-delay:.2s}.project-card:nth-child(3){animation-delay:.4s}.project-card:after{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(to right,#fff0,#ffffff0d,#fff0);transform:skew(-20deg);transition:left .7s ease;z-index:10;pointer-events:none}.project-card:hover{transform:translateY(-10px) scale(1.02);border-color:#60a5fa66;box-shadow:0 20px 40px -10px #3b82f633,0 0 20px #60a5fa1a}.project-card:hover:after{left:150%}.project-image{position:relative;height:220px;overflow:hidden}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.project-card:hover .project-image img{transform:scale(1.05)}.project-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0a0a0acc;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--transition-normal)}.project-card:hover .project-overlay{opacity:1}.project-content{padding:var(--space-md);flex-grow:1;display:flex;flex-direction:column}.project-category{font-size:.85rem;color:var(--brand-primary);text-transform:uppercase;letter-spacing:1px;margin-bottom:var(--space-xs);font-weight:600}.project-content h3{font-size:1.5rem;margin-bottom:var(--space-xs);color:var(--text-primary)}.project-content p{color:var(--text-secondary);font-size:.95rem;margin-bottom:var(--space-md);flex-grow:1}.project-tags{display:flex;flex-wrap:wrap;gap:8px}.tag{background-color:#ffffff0d;color:var(--text-muted);padding:4px 12px;border-radius:20px;font-size:.8rem;transition:color var(--transition-fast),background-color var(--transition-fast)}.project-card:hover .tag{background-color:#60a5fa1a;color:#60a5fa}.projects-cta{margin-top:var(--space-lg);text-align:center}@media(max-width:768px){.projects-grid{grid-template-columns:1fr}}.testimonials{background-color:var(--bg-secondary);position:relative;padding-top:var(--space-xl);padding-bottom:var(--space-xl)}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-md);margin-top:var(--space-lg)}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.testimonial-card{background-color:var(--bg-primary);padding:var(--space-md);border-radius:16px;border:1px solid rgba(255,255,255,.03);position:relative;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;flex-direction:column;animation:fadeInScale .8s ease backwards,float 6s ease-in-out infinite}.testimonial-card:nth-child(1){animation-delay:.1s,0s}.testimonial-card:nth-child(2){animation-delay:.3s,2s}.testimonial-card:nth-child(3){animation-delay:.5s,4s}.testimonial-card:before{content:"";position:absolute;inset:-1px;border-radius:17px;background:linear-gradient(135deg,var(--brand-primary),var(--brand-secondary));z-index:-1;opacity:0;transition:opacity .4s ease}.testimonial-card:hover{transform:translateY(-15px) scale(1.03);box-shadow:0 25px 50px -12px #8b5cf640;border-color:transparent}.testimonial-card:hover:before{opacity:1}.quote-icon{margin-bottom:var(--space-sm)}.review-text{font-size:1.05rem;line-height:1.7;color:var(--text-primary);font-style:italic;margin-bottom:var(--space-md);flex-grow:1}.reviewer-info{display:flex;align-items:center;gap:16px;margin-top:auto;border-top:1px solid rgba(255,255,255,.05);padding-top:var(--space-md)}.reviewer-avatar{width:50px;height:50px;border-radius:50%;object-fit:cover;border:2px solid rgba(96,165,250,.3)}.reviewer-name{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:2px}.reviewer-role{font-size:.85rem;color:var(--text-muted)}@media(max-width:768px){.testimonials{padding-top:var(--space-lg);padding-bottom:var(--space-lg)}}.about{position:relative;overflow:hidden}.about-container{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center}.about-content{max-width:500px}.about-desc{color:var(--text-secondary);font-size:1.1rem;margin-bottom:1.5rem;line-height:1.7}.stats-container{display:flex;gap:3rem;margin-top:3rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.1)}.stat-item h4{font-size:2.5rem;margin-bottom:.5rem;font-weight:800}.stat-item p{color:var(--text-muted);font-size:.9rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.about-visual{position:relative;width:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center}.visual-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:1rem;width:80%;height:80%;position:relative;z-index:2;transform:rotate(-15deg)}.visual-block{background:var(--bg-card);border:1px solid rgba(255,255,255,.1);border-radius:24px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:var(--shadow-xl);transition:transform var(--transition-slow)}.visual-block:hover{transform:scale(1.05)}.block-1{background:linear-gradient(135deg,#3b82f633,#ffffff0d);border-bottom-right-radius:60px}.block-2{background:linear-gradient(135deg,#8b5cf633,#ffffff0d);border-bottom-left-radius:60px;transform:translateY(20px)}.block-3{background:linear-gradient(135deg,#10b98133,#ffffff0d);border-top-right-radius:60px}.block-4{background:linear-gradient(135deg,#ec489933,#ffffff0d);border-top-left-radius:60px;transform:translateY(-20px)}.glow-backdrop{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60%;height:60%;background:var(--gradient-primary);filter:blur(80px);border-radius:50%;opacity:.3;z-index:1;animation:breathe 8s infinite alternate ease-in-out}@keyframes breathe{0%{transform:translate(-50%,-50%) scale(1);opacity:.2}to{transform:translate(-50%,-50%) scale(1.2);opacity:.4}}@media(max-width:900px){.about-container{grid-template-columns:1fr;gap:4rem;text-align:center}.about-content{margin:0 auto}.stats-container{justify-content:center}.visual-grid{transform:rotate(0)}}@media(max-width:600px){.stats-container{flex-direction:column;gap:2rem}}.contact{background:var(--bg-primary);position:relative}.contact:before{content:"";position:absolute;top:0;left:0;width:100%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent)}.contact-container{display:grid;grid-template-columns:1fr 1fr;gap:6rem;align-items:center}.contact-info{max-width:500px}.contact-desc{color:var(--text-secondary);font-size:1.1rem;margin-bottom:3rem;line-height:1.6}.contact-details{display:flex;flex-direction:column;gap:2rem}.detail-item{display:flex;align-items:center;gap:1.5rem}.detail-icon{width:56px;height:56px;border-radius:16px;background:var(--bg-card);border:1px solid rgba(255,255,255,.05);display:flex;align-items:center;justify-content:center;color:var(--brand-primary);transition:all var(--transition-fast)}.detail-item:hover .detail-icon{background:var(--brand-primary);color:#fff;transform:scale(1.05);box-shadow:var(--shadow-glow)}.detail-icon svg{width:24px;height:24px}.detail-item h5{font-size:1.1rem;margin-bottom:.25rem;font-weight:600}.detail-item p{color:var(--text-secondary);font-size:.95rem}.contact-form-wrapper{background:var(--bg-secondary);padding:3rem;border-radius:24px;border:1px solid rgba(255,255,255,.05);box-shadow:var(--shadow-xl);position:relative}.contact-form-wrapper:before{content:"";position:absolute;inset:-1px;border-radius:25px;background:linear-gradient(135deg,#3b82f680,#8b5cf680);z-index:-1;opacity:.2}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-size:.9rem;font-weight:600;color:var(--text-secondary);margin-bottom:.5rem}.form-group input,.form-group textarea{width:100%;padding:1rem 1.25rem;background:#0003;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:var(--text-primary);font-family:inherit;font-size:1rem;transition:all var(--transition-fast)}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--brand-primary);box-shadow:0 0 0 3px #3b82f633;background:#0006}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-muted)}.submit-btn{width:100%;gap:.75rem;padding:1rem;font-size:1.1rem;margin-top:1rem}.submit-btn svg{width:18px;height:18px;transition:transform var(--transition-fast)}.submit-btn:hover svg{transform:translate(4px,-4px)}@media(max-width:900px){.contact-container{grid-template-columns:1fr;gap:4rem}.contact-form-wrapper{padding:2.5rem 2rem}}.footer{background:var(--bg-secondary);padding:var(--space-xl) 0 2rem;border-top:1px solid rgba(255,255,255,.05)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:var(--space-lg);margin-bottom:var(--space-xl)}.footer-brand .logo{font-size:1.5rem;margin-bottom:1rem}.footer-desc{color:var(--text-secondary);max-width:300px;font-size:.95rem}.footer-links h4,.footer-social h4{font-size:1.1rem;margin-bottom:1.5rem;font-weight:600}.footer-links ul{list-style:none;display:flex;flex-direction:column;gap:.75rem}.footer-links a{color:var(--text-secondary);font-size:.95rem}.footer-links a:hover{color:var(--brand-primary)}.social-icons{display:flex;gap:1rem}.social-icons a{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--bg-card);color:var(--text-secondary);transition:all var(--transition-fast)}.social-icons a:hover{background:var(--brand-primary);color:#fff;transform:translateY(-2px)}.social-icons svg{width:20px;height:20px}.footer-bottom{padding-top:2rem;border-top:1px solid rgba(255,255,255,.05);text-align:center;color:var(--text-muted);font-size:.85rem}@media(max-width:900px){.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1 / -1}}@media(max-width:500px){.footer-grid{grid-template-columns:1fr;gap:2rem}}:root{--bg-primary: #0a0a0a;--bg-secondary: #121212;--bg-card: rgba(255, 255, 255, .03);--text-primary: #f5f5f5;--text-secondary: #a3a3a3;--text-muted: #737373;--brand-primary: #3b82f6;--brand-primary-hover: #2563eb;--brand-secondary: #8b5cf6;--gradient-primary: linear-gradient(135deg, var(--brand-primary), var(--brand-secondary));--gradient-text: linear-gradient(to right, #60a5fa, #a78bfa);--space-xs: .5rem;--space-sm: 1rem;--space-md: 2rem;--space-lg: 4rem;--space-xl: 8rem;--transition-fast: .2s ease;--transition-normal: .3s ease;--transition-slow: .5s ease;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-glow: 0 0 20px rgba(59, 130, 246, .3)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}a{color:inherit;text-decoration:none;transition:color var(--transition-fast)}button{font-family:inherit;cursor:pointer;border:none;background:none}img{max-width:100%;display:block}h1,h2,h3,h4,h5,h6{line-height:1.2;font-weight:700;letter-spacing:-.02em}::selection{background-color:var(--brand-primary);color:#fff}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--space-md)}.section{padding:var(--space-xl) 0}.text-gradient{background:var(--gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}