*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;min-width:400px}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;font-size:18px;line-height:1.7;color:#333;background:#f5f7fb}.container{width:96%;margin:auto}a{color:#2563eb;text-decoration:none;transition:.2s}a:hover{color:#1d4ed8}.header{background:#1f2937;color:#fff;box-shadow:0 2px 12px rgba(0,0,0,.15);position:sticky;top:0;z-index:100}.topbar{display:flex;align-items:center;justify-content:space-between;gap:25px}.logo{width:48px;height:48px}.nav{display:flex;gap:22px;flex-wrap:wrap}.nav a{color:#fff;font-weight:500}.nav a:hover{color:#60a5fa}.header-right{display:flex;align-items:center;gap:20px}.languages{display:flex;gap:10px}.languages a{color:#fff;background:#374151;padding:8px 10px;border-radius:6px}.languages a:hover{background:#2563eb}.content{display:grid;grid-template-columns:100%;gap:35px;margin:50px auto}.post{background:#fff;padding:28px;border-radius:12px;margin-bottom:7px;box-shadow:0 8px 24px rgba(0,0,0,.08)}.post h1{margin:-14px 0px 0px 0px;font-size:36px}.post h2{margin:14px 0px;font-size:30px}.post h3{margin:11px 0px;font-size:24px}.post h4{margin:7px 0px;font-size:18px}.post p{margin-bottom:20px;color:#555;text-indent:50px}.post>img{width:100%;aspect-ratio:1200/630}.meta{display:flex;justify-content:space-between;color:#777;font-size:.9rem}.category{background:#2563eb;color:#fff;padding:4px 10px;margin:0px 0px 15px 0px;border-radius:20px}.read-more{display:inline-block;margin-top:8px;padding:10px 18px;background:#2563eb;color:#fff;border-radius:6px}.read-more:hover{background:#1d4ed8;color:#fff}.post ul,.post ol{margin:0px 40px 20px 70px}.pagination{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:10px;margin:40px 0}.pagination a,.pagination span{background:#fff;padding:10px 15px;border-radius:6px;box-shadow:0 2px 8px rgba(0,0,0,.08)}.pagination a.active{background:#2563eb;color:#fff}.footer{background:#1f2937;color:#fff;margin-top:0px;padding:15px 0}.footer .container{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}.footer-nav{display:flex;gap:20px;flex-wrap:wrap}.footer-nav a{color:#d1d5db}.footer-nav a:hover{color:#fff}@media (max-width:1000px){.content{grid-template-columns:1fr}}@media (max-width:900px){.topbar{flex-direction:column;padding:20px 0}.nav{justify-content:center}.header-right{flex-direction:column;width:100%}}@media (max-width:600px){.meta{flex-direction:column;gap:8px}.footer .container{flex-direction:column;text-align:center}}