*{margin:0;padding:0;box-sizing:border-box}body{font-family:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;line-height:1.6;color:#333;overflow-x:hidden;background:linear-gradient(135deg, #667eea 0%, #764ba2 100%)}.container{max-width:1200px;margin:0 auto;padding:0 20px}header{position:fixed;top:0;width:100%;background:rgba(255, 255, 255, 0.95);backdrop-filter:blur(10px);z-index:1000;padding:1rem 0;transition:all 0.3s ease}nav{display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.8rem;font-weight:800;background:linear-gradient(45deg, #667eea, #764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-links{display:flex;list-style:none;gap:2rem}.nav-links a{text-decoration:none;color:#333;font-weight:500;transition:color 0.3s ease;position:relative}.nav-links a:hover{color:#667eea}.nav-links a::after{content:"";position:absolute;width:0;height:2px;bottom:-5px;left:0;background:linear-gradient(45deg, #667eea, #764ba2);transition:width 0.3s ease}.nav-links a:hover::after{width:100%}.hero{min-height:100vh;display:flex;align-items:center;background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);color:white;position:relative;overflow:hidden}.hero::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grid" width="10" height="10" patternUnits="userSpaceOnUse"><path d="M 10 0 L 0 0 0 10" fill="none" stroke="rgba(255,255,255,0.1)" stroke-width="0.5"/></pattern></defs><rect width="100" height="100" fill="url(%23grid)"/></svg>');animation:float 20s ease-in-out infinite}@keyframes float{0%,100%{transform:translateX(0px) translateY(0px)}50%{transform:translateX(10px) translateY(-10px)}}.hero-content{position:relative;z-index:2}.hero h1{font-size:clamp(3rem, 8vw, 6rem);font-weight:900;margin-bottom:1rem;background:linear-gradient(45deg, #fff, #f0f8ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero p{font-size:1.3rem;margin-bottom:2rem;opacity:0.9}.cta-buttons{display:flex;gap:1rem;flex-wrap:wrap}.btn{padding:1rem 2rem;border:none;border-radius:50px;font-weight:600;text-decoration:none;transition:all 0.3s ease;cursor:pointer;display:inline-block}.btn-primary{background:white;color:#667eea;box-shadow:0 10px 30px rgba(0, 0, 0, 0.2)}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 15px 40px rgba(0, 0, 0, 0.3)}.btn-secondary{background:transparent;color:white;border:2px solid rgba(255, 255, 255, 0.8)}.btn-secondary:hover{background:white;color:#667eea;transform:translateY(-3px)}.floating-elements{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.floating-element{position:absolute;background:rgba(255, 255, 255, 0.1);border-radius:50%;animation:float-up 15s infinite linear}.floating-element:nth-child(1){width:80px;height:80px;left:10%;animation-delay:0s}.floating-element:nth-child(2){width:120px;height:120px;left:80%;animation-delay:5s}.floating-element:nth-child(3){width:60px;height:60px;left:50%;animation-delay:10s}@keyframes float-up{0%{transform:translateY(100vh) rotate(0deg);opacity:0}10%{opacity:1}90%{opacity:1}100%{transform:translateY(-100px) rotate(360deg);opacity:0}}section{padding:5rem 0;background:white}.section-header{text-align:center;margin-bottom:3rem}.section-title{font-size:2.5rem;font-weight:800;margin-bottom:1rem;background:linear-gradient(45deg, #667eea, #764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-subtitle{font-size:1.2rem;color:#666;max-width:600px;margin:0 auto}.showcase-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(350px, 1fr));gap:2rem;margin-top:3rem}.project-card{background:white;border-radius:20px;overflow:hidden;box-shadow:0 10px 40px rgba(0, 0, 0, 0.1);transition:all 0.3s ease;position:relative}.project-card:hover{transform:translateY(-10px);box-shadow:0 20px 60px rgba(0, 0, 0, 0.15)}.project-image{height:200px;background:linear-gradient(45deg, #667eea, #764ba2);position:relative;overflow:hidden}.project-image::before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:60px;height:60px;background:rgba(255, 255, 255, 0.2);border-radius:10px;display:flex;align-items:center;justify-content:center}.project-info{padding:1.5rem}.project-title{font-size:1.3rem;font-weight:700;margin-bottom:0.5rem;color:#333}.project-desc{color:#666;margin-bottom:1rem}.project-tags{display:flex;gap:0.5rem;flex-wrap:wrap}.tag{background:linear-gradient(45deg, #667eea, #764ba2);color:white;padding:0.3rem 0.8rem;border-radius:20px;font-size:0.8rem;font-weight:500}.blog-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:2rem;margin-top:3rem}.blog-card{background:white;border-radius:15px;overflow:hidden;box-shadow:0 5px 25px rgba(0, 0, 0, 0.1);transition:all 0.3s ease}.blog-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px rgba(0, 0, 0, 0.15)}.blog-image{height:180px;background:linear-gradient(135deg, #f093fb 0%, #f5576c 100%)}.blog-content{padding:1.5rem}.blog-date{color:#667eea;font-size:0.9rem;font-weight:600;margin-bottom:0.5rem}.blog-title{font-size:1.2rem;font-weight:700;margin-bottom:0.5rem;color:#333}.blog-excerpt{color:#666;font-size:0.95rem;line-height:1.6}footer{background:#1a1a1a;color:white;padding:3rem 0 2rem}.footer-content{display:grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));gap:2rem;margin-bottom:2rem}.footer-section h3{font-size:1.2rem;font-weight:700;margin-bottom:1rem;background:linear-gradient(45deg, #667eea, #764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.footer-section p,.footer-section a{color:#ccc;text-decoration:none;line-height:1.8}.footer-section a:hover{color:#667eea}.footer-bottom{text-align:center;padding-top:2rem;border-top:1px solid #333;color:#999}@media (max-width:768px){.nav-links{display:none}.hero h1{font-size:3rem}.cta-buttons{flex-direction:column;align-items:center}.showcase-grid,.blog-grid{grid-template-columns:1fr}}.fade-in{opacity:0;transform:translateY(30px);transition:all 0.6s ease}.fade-in.visible{opacity:1;transform:translateY(0)}/*# sourceMappingURL=data:application/json,%7B%22version%22%3A3%2C%22sourceRoot%22%3A%22https%3A%2F%2Fworkdevplay.com%2F%22%2C%22sources%22%3A%5B%22wp-content%2Fthemes%2Fwdp%2Fsrc%2Fscss%2Ftemplates%2F01-00-home.scss%22%5D%2C%22names%22%3A%5B%5D%2C%22mappings%22%3A%22AAAA%2CEAAA%2CwCAAA%2CCAMA%2CKAAA%2C4KAAA%2CCAQA%2CWAAA%2C6CAAA%2CCAOA%2COAAA%2CoJAAA%2CCAWA%2CIAAA%2C6DAAA%2CCAMA%2CMAAA%2C0KAAA%2CCASA%2CWAAA%2CqCAAA%2CCAMA%2CaAAA%2C4FAAA%2CCAQA%2CmBAAA%2CaAAA%2CCAIA%2CoBAAA%2CiJAAA%2CCAWA%2C0BAAA%2CUAAA%2CCAKA%2CMAAA%2C2JAAA%2CCAUA%2CcAAA%2C2bAAA%2CCAWA%2CiBACI%2CQAAA%2CyCAAA%2CCACA%2CIAAA%2C4CAAA%2CCAAA%2CCAGJ%2CcAAA%2C2BAAA%2CCAKA%2CSAAA%2C0MAAA%2CCAUA%2CQAAA%2C%2BCAAA%2CCAMA%2CaAAA%2CoCAAA%2CCAMA%2CKAAA%2CkJAAA%2CCAWA%2CaAAA%2CwEAAA%2CCAMA%2CmBAAA%2CoEAAA%2CCAKA%2CeAAA%2C4EAAA%2CCAMA%2CqBAAA%2CyDAAA%2CCAOA%2CmBAAA%2CyEAAA%2CCASA%2CkBAAA%2C8GAAA%2CCAOA%2C%2BBAAA%2CkDAAA%2CCACA%2C%2BBAAA%2CoDAAA%2CCACA%2C%2BBAAA%2CmDAAA%2CCAEA%2CoBACI%2CGAAA%2CkDAAA%2CCACA%2CIAAA%2CSAAA%2CCACA%2CIAAA%2CSAAA%2CCACA%2CKAAA%2CqDAAA%2CCAAA%2CCAIJ%2CQAAA%2C%2BBAAA%2CCAKA%2CgBAAA%2CoCAAA%2CCAKA%2CeAAA%2C6LAAA%2CCAUA%2CkBAAA%2CyDAAA%2CCAQA%2CeAAA%2CgGAAA%2CCAOA%2CcAAA%2CwIAAA%2CCASA%2CoBAAA%2CsEAAA%2CCAKA%2CeAAA%2CkGAAA%2CCAOA%2CuBAAA%2CkNAAA%2CCAeA%2CcAAA%2CcAAA%2CCAIA%2CeAAA%2CgEAAA%2CCAOA%2CcAAA%2C6BAAA%2CCAKA%2CcAAA%2CsCAAA%2CCAMA%2CKAAA%2CyIAAA%2CCAUA%2CWAAA%2CgGAAA%2CCAOA%2CWAAA%2CqHAAA%2CCAQA%2CiBAAA%2CqEAAA%2CCAKA%2CYAAA%2CyEAAA%2CCAKA%2CcAAA%2CcAAA%2CCAIA%2CWAAA%2CmEAAA%2CCAOA%2CYAAA%2CgEAAA%2CCAOA%2CcAAA%2C4CAAA%2CCAOA%2COAAA%2CkDAAA%2CCAMA%2CgBAAA%2CmGAAA%2CCAOA%2CmBAAA%2C6LAAA%2CCAUA%2CoCAAA%2C%2BCAAA%2CCAMA%2CwBAAA%2CaAAA%2CCAIA%2CeAAA%2CuEAAA%2CCAQA%2CyBACI%2CWAAA%2CYAAA%2CCAIA%2CSAAA%2CcAAA%2CCAIA%2CaAAA%2CwCAAA%2CCAKA%2C0BAAA%2CyBAAA%2CCAAA%2CCAMJ%2CSAAA%2C6DAAA%2CCAMA%2CiBAAA%2CiCAAA%22%7D */