.dev-hero{background:linear-gradient(135deg,#3a0ca3 0%,#4361ee 100%);color:#fff;padding:4rem 0;text-align:center;margin-bottom:3rem}.dev-hero h1{font-size:2.5rem;margin-bottom:1rem}.dev-hero p{font-size:1.2rem;max-width:700px;margin:0 auto 2rem;opacity:.9}.dev-container{max-width:1000px;margin:0 auto;padding:0 20px}.dev-card{background-color:#fff;border-radius:var(--border-radius);box-shadow:var(--box-shadow);padding:2.5rem;margin-bottom:2rem}.dev-card h2{color:var(--primary);margin-bottom:1.5rem;display:flex;align-items:center}.dev-card h2 i{margin-right:15px}.coming-soon{background-color:rgb(67 97 238 / .1);border-left:4px solid var(--primary);padding:1.5rem;margin:2rem 0;border-radius:0 var(--border-radius) var(--border-radius) 0}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin:2rem 0}.feature-item{background-color:var(--light);padding:1.5rem;border-radius:var(--border-radius);transition:var(--transition)}.feature-item:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgb(0 0 0 / .1)}.feature-item h3{color:var(--primary);margin-bottom:.5rem;display:flex;align-items:center}.feature-item h3 i{margin-right:10px;font-size:1.2rem}@media (max-width:768px){.dev-hero{padding:3rem 0}.dev-hero h1{font-size:2rem}.dev-card{padding:1.5rem}}