@import "https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap";body{color:#212121;background-color:#f8f9fa;margin:0;font-family:Roboto,sans-serif}*{box-sizing:border-box}a{text-decoration:none}.hero-gradient{color:#fff;text-align:center;background:linear-gradient(135deg,#1976d2 0%,#1565c0 100%);padding:100px 0}.feature-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;height:100%;padding:24px;transition:box-shadow .3s}.feature-card:hover{box-shadow:0 4px 20px #00000014}.code-box{color:#eceff1;text-align:left;background:#263238;border-radius:8px;padding:20px;font-family:Roboto Mono,monospace;font-size:14px;overflow-x:auto}footer{text-align:center;color:#757575;background:#fff;border-top:1px solid #e0e0e0;padding:40px 0}