@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{font-family:Space Grotesk,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#fff;color:#1a1a1a;overflow-x:hidden;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#e2e8f0,#cbd5e1);position:relative}.animated-bg{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-2;background:radial-gradient(circle at 25% 25%,rgba(59,130,246,.05) 0%,transparent 50%),radial-gradient(circle at 75% 75%,rgba(147,51,234,.05) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(16,185,129,.03) 0%,transparent 50%);animation:morphBg 20s ease-in-out infinite}@keyframes morphBg{0%,to{background:radial-gradient(circle at 25% 25%,rgba(59,130,246,.05) 0%,transparent 50%),radial-gradient(circle at 75% 75%,rgba(147,51,234,.05) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(16,185,129,.03) 0%,transparent 50%)}50%{background:radial-gradient(circle at 75% 25%,rgba(147,51,234,.05) 0%,transparent 50%),radial-gradient(circle at 25% 75%,rgba(16,185,129,.05) 0%,transparent 50%),radial-gradient(circle at 50% 20%,rgba(59,130,246,.03) 0%,transparent 50%)}}.hero{height:100vh;display:flex;flex-direction:column;padding:1rem 2rem 2rem;position:relative;max-width:1400px;margin:0 auto;overflow:hidden}.hero-header{text-align:center;margin-bottom:1.5rem}.hero-content{display:grid;grid-template-columns:.9fr 1.1fr;gap:3rem;flex:1;align-items:start}.logo{font-size:clamp(2rem,5vw,3.5rem);font-weight:800;letter-spacing:-.02em;margin-bottom:1rem;background:linear-gradient(135deg,#1a1a1a,#374151,#1a1a1a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;animation:fadeInScale 1.2s cubic-bezier(.16,1,.3,1) both}.logo:after{content:"";position:absolute;bottom:-6px;left:50%;transform:translate(-50%);width:60px;height:2px;background:linear-gradient(90deg,transparent,#3b82f6,transparent);animation:expandLine 1.5s ease .5s both}@keyframes expandLine{0%{width:0;opacity:0}to{width:60px;opacity:1}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.8) translateY(30px)}to{opacity:1;transform:scale(1) translateY(0)}}.tagline{font-size:clamp(1rem,2vw,1.2rem);font-weight:400;color:#64748b;margin-top:1rem;margin-bottom:0;max-width:600px;margin-left:auto;margin-right:auto;animation:fadeInUp 1s cubic-bezier(.16,1,.3,1) .3s both}.left-section{display:flex;flex-direction:column;justify-content:center;gap:2rem}.services{display:grid;grid-template-columns:1fr;gap:1rem;animation:fadeInStagger 1s cubic-bezier(.16,1,.3,1) .6s both}.service-card{padding:1rem;background:#fffc;border:1px solid rgba(148,163,184,.2);border-radius:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .4s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;cursor:pointer;transform:translateY(0);display:flex;align-items:flex-start;gap:.75rem}.service-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#3b82f608,#9333ea08);opacity:0;transition:opacity .4s ease}.service-card:hover:before{opacity:1}.service-card:hover{transform:translateY(-4px);border-color:#3b82f64d;box-shadow:0 10px 30px #3b82f61a,0 5px 15px #0000000d}.service-icon{font-size:1.5rem;margin:0;display:block;filter:grayscale(100%);transition:filter .4s ease;flex-shrink:0}.service-card:hover .service-icon{filter:grayscale(0%)}.service-card.featured{border:2px solid rgba(59,130,246,.3);background:#3b82f605;transform:scale(1.02)}.service-card.featured:hover{transform:translateY(-4px);border-color:#3b82f680}.tech-stack{flex-shrink:0;animation:fadeInUp 1s cubic-bezier(.16,1,.3,1) 1.2s both}.stack-title{font-size:1.2rem;font-weight:600;color:#374151;margin-bottom:1.5rem;letter-spacing:-.01em}.stack-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.stack-item{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.75rem .5rem;transition:all .3s cubic-bezier(.16,1,.3,1);cursor:pointer;border-radius:8px}.stack-item:hover{transform:translateY(-4px);background:#ffffff80}.stack-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:18px;border-radius:8px;transition:all .3s cubic-bezier(.16,1,.3,1)}.stack-icon.react{background:linear-gradient(135deg,#61dafb1a,#61dafb33)}.stack-icon.nextjs{background:linear-gradient(135deg,#0000000d,#0000001a);color:#000;font-weight:700;font-size:20px}.stack-icon.flask{background:linear-gradient(135deg,#ffc1071a,#ffc10733)}.stack-icon.fastapi{background:linear-gradient(135deg,#0096881a,#00968833)}.stack-icon.postgres{background:linear-gradient(135deg,#3367911a,#33679133)}.stack-icon.django{background:linear-gradient(135deg,#0f766e1a,#0f766e33)}.stack-item:hover .stack-icon{transform:scale(1.1)}.stack-name{font-size:.75rem;font-weight:500;color:#64748b;text-align:center}.service-content{flex:1}.service-title{font-size:1rem;font-weight:700;margin-bottom:.25rem;color:#1a1a1a;letter-spacing:-.01em}.service-description{color:#64748b;line-height:1.4;font-size:.8rem}.right-section{display:flex;align-items:center;justify-content:center}.contact-section{width:100%;max-width:500px;animation:fadeInUp 1s cubic-bezier(.16,1,.3,1) .9s both}.contact-title{font-size:2rem;font-weight:700;color:#1a1a1a;margin-bottom:.5rem;letter-spacing:-.01em}.contact-subtitle{color:#64748b;margin-bottom:2rem;font-size:1rem}.contact-form{display:flex;flex-direction:column;gap:1.5rem;background:#ffffffe6;padding:2.5rem;border-radius:16px;border:1px solid rgba(148,163,184,.2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 20px 60px #0000000d,0 10px 30px #00000008}.form-group{position:relative}.form-group label{display:block;margin-bottom:.5rem;color:#374151;font-weight:500;font-size:.9rem;letter-spacing:-.01em}.form-group input,.form-group textarea{width:100%;padding:1rem 1.25rem;background:#f8fafccc;border:1.5px solid rgba(148,163,184,.3);border-radius:12px;color:#1a1a1a;font-size:1rem;font-family:inherit;transition:all .3s cubic-bezier(.16,1,.3,1);outline:none}.form-group input:focus,.form-group textarea:focus{border-color:#3b82f6;background:#ffffffe6;box-shadow:0 0 0 3px #3b82f61a;transform:translateY(-1px)}.form-group input::placeholder,.form-group textarea::placeholder{color:#94a3b8}.form-group textarea{resize:vertical;min-height:120px;font-family:inherit}.submit-btn{padding:1.125rem 2rem;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:12px;color:#fff;font-size:1rem;font-weight:600;font-family:inherit;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;letter-spacing:-.01em}.submit-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.submit-btn:hover:before{left:100%}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 15px 35px #3b82f64d,0 5px 15px #0000001a}.submit-btn:active{transform:translateY(0)}.floating-elements{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1}.floating-element{position:absolute;width:4px;height:4px;background:#3b82f64d;border-radius:50%;animation:floatUp 15s linear infinite}.floating-element:nth-child(2){left:20%;animation-delay:3s;background:#9333ea33;width:6px;height:6px}.floating-element:nth-child(3){left:40%;animation-delay:6s;background:#10b98133;width:3px;height:3px}.floating-element:nth-child(4){left:60%;animation-delay:9s;background:#3b82f633;width:5px;height:5px}.floating-element:nth-child(5){left:80%;animation-delay:12s;background:#9333ea4d;width:4px;height:4px}@keyframes floatUp{0%{transform:translateY(100vh) translate(0) rotate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100px) translate(50px) rotate(180deg);opacity:0}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInStagger{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1024px){.hero-content{grid-template-columns:1fr;gap:2rem}.hero{height:auto;min-height:100vh;padding:1.5rem}.left-section{order:2}.right-section{order:1}.services{grid-template-columns:repeat(3,1fr);gap:.75rem}.stack-grid{grid-template-columns:repeat(6,1fr)}}@media (max-width: 768px){.hero{padding:1rem}.services{grid-template-columns:1fr;gap:1rem}.stack-grid{grid-template-columns:repeat(3,1fr)}.contact-form{padding:1.5rem}}@media (max-width: 480px){.hero-header{margin-bottom:1rem}.hero-content{gap:1.5rem}.stack-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}}.privacy-policy{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#e2e8f0,#cbd5e1);position:relative}.privacy-policy .container{max-width:800px;margin:0 auto;padding:2rem;background:#ffffffe6;border-radius:16px;border:1px solid rgba(148,163,184,.2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 20px 60px #0000000d,0 10px 30px #00000008;margin-top:2rem;margin-bottom:2rem}.privacy-policy h1{font-size:2.5rem;font-weight:700;color:#1a1a1a;margin-bottom:2rem;text-align:center;letter-spacing:-.02em}.privacy-policy h2{font-size:1.5rem;font-weight:600;color:#374151;margin-top:2rem;margin-bottom:1rem;letter-spacing:-.01em}.privacy-policy p{color:#4b5563;margin-bottom:1rem;line-height:1.7}.privacy-policy ul{margin-left:2rem;margin-bottom:1rem}.privacy-policy li{color:#4b5563;margin-bottom:.5rem;line-height:1.6}.privacy-policy a{color:#3b82f6;text-decoration:none;transition:color .3s ease}.privacy-policy a:hover{color:#1d4ed8;text-decoration:underline}.privacy-policy strong{font-weight:600;color:#374151}@media (max-width: 768px){.privacy-policy .container{margin:1rem;padding:1.5rem}.privacy-policy h1{font-size:2rem}.privacy-policy h2{font-size:1.25rem}}.app-logo-section{text-align:center;margin-bottom:2rem}.app-logo{transition:all .3s cubic-bezier(.16,1,.3,1)}.app-logo:hover{transform:translateY(-5px);box-shadow:0 15px 40px #0000004d!important}.app-description h2{font-size:2rem;font-weight:700;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em}.download-section{background:#ffffffe6;border-radius:20px;border:1px solid rgba(148,163,184,.2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 20px 60px #0000000d,0 10px 30px #00000008;padding:2rem;position:sticky;top:2rem}.download-benefits{margin:1.5rem 0}.benefit-item{display:flex;align-items:center;margin-bottom:.75rem;font-size:.95rem;color:#4b5563}.benefit-icon{margin-right:.75rem;font-size:1.1rem}.download-buttons{display:flex;flex-direction:column;gap:.75rem;margin:2rem 0}.download-btn{padding:1rem 1.5rem;border:none;border-radius:12px;font-size:1rem;font-weight:600;font-family:inherit;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);text-align:center;position:relative;overflow:hidden}.download-btn.primary{background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff}.download-btn:not(.primary){background:#3b82f61a;color:#3b82f6;border:1px solid rgba(59,130,246,.2)}.download-btn:hover{transform:translateY(-2px);box-shadow:0 10px 25px #3b82f640}.coming-soon-text{text-align:center;font-size:.9rem;color:#6b7280;font-style:italic;margin-top:1rem}.privacy-link{text-align:center;margin-top:1.5rem;padding-top:1rem;border-top:1px solid rgba(148,163,184,.2)}.privacy-link a{color:#6b7280;text-decoration:none;font-size:.9rem;transition:color .3s ease}.privacy-link a:hover{color:#3b82f6;text-decoration:underline}.features{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:1rem}@media (max-width: 1024px){.features{grid-template-columns:1fr}.download-section{position:static;margin-top:2rem}}@media (max-width: 768px){.app-logo{width:150px!important;height:150px!important}.app-description h2{font-size:1.5rem}.download-section{padding:1.5rem}.download-buttons{gap:.5rem}.download-btn{padding:.875rem 1.25rem;font-size:.9rem}}