.w3f-card{max-width:800px;width:800px;margin:30px auto;padding:2rem;background:#fff;border:1.5px solid #eee;border-radius:12px;box-shadow:0 3px 8px rgb(0 0 0 / 0.05);font-family:"Poppins",sans-serif;color:#111;line-height:1.5;transition:border-color .3s ease,box-shadow .3s ease}
.w3f-card:hover{border-color:#ff6a00;box-shadow:0 8px 20px rgb(0 0 0 / 0.1)}
.w3f-card h4{font-size:1.2rem;font-weight:600;margin-bottom:1rem;color:#ff6a00}
.w3f-card ul{list-style:none;padding:0;margin:0 0 1.5rem 0}
.w3f-card ul li{padding:.5rem 0;border-bottom:1px solid #f0f0f0;font-size:.9rem}
.w3f-card ul li:last-child{border-bottom:none}
.w3f-card pre{max-height:400px;overflow:auto;font-size:12px;background:#f9f9f9;padding:15px;border-radius:8px;border:1px solid #eee}
.w3f-card p{font-size:1rem;color:#666;margin:1rem 0;padding:.8rem 1rem;background:#f9f9f9;border-radius:8px;border:1px solid #eee}