.container{font-family:Arial,sans-serif;padding:0;margin:0}.hero{background-image:url(./asset/background-1.png/1024x200);background-size:cover;text-align:center}.cards{display:flex;justify-content:center;gap:20px;padding:40px 20px}.card{text-decoration:none;color:#f8f8ff;border:1px solid #ccc;border-radius:8px;padding:20px;width:150px;text-align:center;transition:box-shadow .2s ease}.card:hover{box-shadow:0 2px 8px #0003}.card img{max-width:100%;border-radius:4px}.docs-card{background-color:#10649b}.about{display:flex;justify-content:center;padding:40px 20px}.about h1{color:#10649b;text-align:left}.about p{color:#000;text-align:left}.about-card{width:300px}.menu{display:flex;align-items:center;gap:15px;padding:10px 20px;background-color:#ffffffe6}.menu a{font-weight:700;color:#10649b;text-decoration:none;font-size:.9rem;transition:transform .2s ease}.menu a:hover{transform:translateY(-2px)}.menu img.logo{height:24px}.footer{text-align:center;font-size:.8rem;padding:20px 0}.markdown,.privacy{max-width:800px;margin:0 auto}.privacy h1,.security h1{color:#0b4b75}body{margin:0;background:linear-gradient(to left,#c4cfed,#dfe3ee,#f7f7f7,#ffffff)}