article{width:100%;max-width:1000px;background-color:#fff;border-radius:16px;box-shadow:0 0 10px rgba(0,0,0,.05)}article h1{font-size:2.5rem;font-weight:700;margin-bottom:15px;display:none}article h2{font-size:1.25rem;font-weight:600;margin-bottom:10px;text-align:start;background:linear-gradient(90deg,#0f172a,#1e40af,#3b82f6);color:white;display:inline-block;padding:5px 15px;border-radius:8px}article p{font-size:1.125rem;line-height:1.75;color:#666;margin-bottom:20px}article ol,article ul{margin-left:1.5rem;margin-bottom:20px;padding-left:0;list-style:none}article li{position:relative;margin-bottom:12px;padding-left:25px;font-size:1.125rem;color:#1e3a8a;line-height:1.6;transition:transform .3s ease}article li:before{content:"•";position:absolute;left:0;top:0;color:#3b82f6;font-weight:700;font-size:1.2rem}article li:hover{transform:translateX(4px);color:#0f172a}article ol li:before{content:counter(li) ".";counter-increment:li;position:absolute;left:0;top:0;color:#3b82f6;font-weight:700}article ol{counter-reset:li}blockquote{position:relative;margin:40px 0;padding:30px;background-color:#f8f8f8;border-left:5px solid #ddd;border-radius:8px;color:#555;font-style:italic}blockquote:before{content:"“";top:10px;left:15px}blockquote:after,blockquote:before{position:absolute;font-size:3rem;color:#ccc}blockquote:after{content:"”";bottom:10px;right:15px}article img{max-width:100%;border-radius:8px;margin-bottom:20px}article h2.kesimpulan{font-size:1.5rem;font-weight:700;background:linear-gradient(90deg,#1e3a8a,#1e40af,#0f172a);color:white;display:inline-block;padding:8px 20px;border-radius:12px;margin-top:40px;margin-bottom:20px}article p.kesimpulan{background-color:#f0f5ff;border-left:5px solid #1e40af;padding:20px;border-radius:12px;color:#1e3a8a;font-size:1.125rem;line-height:1.8;margin-bottom:30px}@media screen and (max-width:768px){article header h1{font-size:2rem}article header h2,article p{font-size:1rem}}