*{margin:0;padding:0;box-sizing:border-box;font-family:Arial,sans-serif}

body{background:#f9f9f9;color:#222}

.container{width:90%;max-width:1200px;margin:auto}

.header{background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.1);position:sticky;top:0}

.nav{display:flex;justify-content:space-between;align-items:center;padding:15px 0}

.logo{font-size:24px;font-weight:700}

nav a{margin-left:20px;text-decoration:none;color:#333}

.hero{background:linear-gradient(135deg,#111827,#1f2937);color:#fff;padding:90px 0;text-align:center}

.hero h1{font-size:38px;margin-bottom:15px}

.btn{background:#22c55e;color:#000;padding:12px 30px;border-radius:30px;text-decoration:none;font-weight:700;display:inline-block}

.small{padding:8px 20px;font-size:14px}

.apps{padding:60px 0;text-align:center}

.cards{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;margin-top:30px}

.card{background:#fff;text-align:center;padding:25px;border-radius:12px;width:300px;box-shadow:0 4px 12px rgba(0,0,0,.1)}

.content{padding:70px 0;line-height:1.7}

.content h2,.content h3{margin:20px 0;text-align:center}

.content ul{margin-left:20px}

.contact{background:#111827;color:#fff;padding:50px 0;text-align:center}

.footer{background:#000;color:#fff;text-align:center;padding:15px;font-size:14px}