:root{--accent: 99, 102, 241;--accent-hex: #6366f1;--accent-dark: #4f46e5;--black: 15, 18, 25;--gray: 96, 115, 159;--gray-light: 229, 233, 240;--gray-dark: 34, 41, 57;--gray-gradient: rgba(var(--gray-light), 50%), #fff;--box-shadow: 0 2px 6px rgba(var(--gray), 25%), 0 8px 24px rgba(var(--gray), 33%), 0 16px 32px rgba(var(--gray), 33%)}@font-face{font-family:Atkinson;src:url(/fonts/atkinson-regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Atkinson;src:url(/fonts/atkinson-bold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}*{box-sizing:border-box}body{font-family:Atkinson,system-ui,-apple-system,sans-serif;margin:0;padding:0;background:#fafafa;color:rgb(var(--black));font-size:18px;line-height:1.8}h1,h2,h3,h4,h5,h6{margin:0 0 1rem;color:rgb(var(--black));line-height:1.3;font-weight:700}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}h4{font-size:1.25rem}strong,b{font-weight:700}a{color:rgb(var(--accent));text-decoration:none;transition:all .2s ease}a:hover{color:var(--accent-dark)}p{margin-bottom:1.5rem;line-height:1.8}img{max-width:100%;height:auto;border-radius:8px}code{padding:3px 6px;background-color:rgb(var(--gray-light));border-radius:4px;font-size:.9em;font-family:Courier New,Courier,monospace}pre{padding:1.5em;border-radius:8px;overflow-x:auto;background:#1e1e1e;margin:2rem 0}pre>code{all:unset;color:#d4d4d4}blockquote{border-left:4px solid rgb(var(--accent));padding:1rem 0 1rem 1.5rem;margin:2rem 0;font-size:1.1em;font-style:italic;color:rgb(var(--gray-dark));background:#f9fafb;border-radius:4px}hr{border:none;border-top:2px solid rgb(var(--gray-light));margin:3rem 0}table{width:100%;border-collapse:collapse;margin:2rem 0}th,td{padding:.875rem 1rem;text-align:left;border-bottom:1px solid rgb(var(--gray-light))}th{background:#f9fafb;font-weight:600;color:rgb(var(--black))}tbody tr:hover{background:#f9fafb}ul,ol{padding-left:1.75em;margin-bottom:1.5rem}li{margin-bottom:.75rem;line-height:1.7}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.header{background:#fff;border-bottom:1px solid #e5e7eb;padding:1rem 0;position:sticky;top:0;z-index:100;box-shadow:0 1px 3px #0000000d}.header-inner{display:flex;justify-content:space-between;align-items:center;gap:2rem}.logo{font-weight:800;font-size:1.5rem;color:rgb(var(--black));text-decoration:none;transition:transform .2s ease;display:flex;align-items:center}.logo:hover{transform:translateY(-2px)}.logo span{color:rgb(var(--accent))}.nav{display:flex;gap:2rem;align-items:center}.nav-link{color:rgb(var(--gray-dark));text-decoration:none;font-weight:500;font-size:1rem;position:relative;padding:.25rem 0;transition:color .2s ease}.nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:rgb(var(--accent));transition:width .3s ease}.nav-link.active{color:rgb(var(--accent));font-weight:600}.nav-link.active:after{width:100%}.nav-link:hover{color:rgb(var(--accent))}.nav-link:hover:after{width:100%}.lang-wrapper{position:relative}.lang-select{padding:.625rem 2.5rem .625rem 1rem;border:2px solid #e5e7eb;border-radius:8px;background:#fff;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236366f1' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .875rem center;background-size:12px}.lang-select:hover{border-color:rgb(var(--accent));box-shadow:0 0 0 3px #6366f11a}.lang-select:focus{outline:none;border-color:rgb(var(--accent));box-shadow:0 0 0 3px #6366f126}.hero{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;padding:4rem 1rem;text-align:center}.hero h1{font-size:clamp(1.75rem,5vw,2.5rem);font-weight:800;margin:0 0 1rem;color:#fff}.hero p{font-size:clamp(1rem,2.5vw,1.2rem);opacity:.95;max-width:600px;margin:0 auto;line-height:1.6}.categories{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center;padding:1.5rem 1rem;background:#fff;border-bottom:1px solid #e5e7eb}.cat-pill{padding:.5rem 1.125rem;border-radius:999px;background:rgb(var(--gray-light));color:rgb(var(--gray-dark));text-decoration:none;font-size:.875rem;font-weight:600;transition:all .2s ease}.cat-pill:hover,.cat-pill.active{background:rgb(var(--accent));color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #6366f14d}main{padding:0;min-height:calc(100vh - 200px)}.section-label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:rgb(var(--accent));margin-bottom:1rem}.section-title{font-size:1.5rem;font-weight:700;margin:0 0 2rem}.featured-card{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #00000014,0 4px 12px #0000000d;text-decoration:none;color:inherit;transition:transform .3s ease,box-shadow .3s ease;margin-bottom:3rem}.featured-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px #00000026}.featured-img{width:100%;height:100%;object-fit:cover;aspect-ratio:16/11}.featured-img-placeholder{background:linear-gradient(135deg,#6366f1,#8b5cf6);display:flex;align-items:center;justify-content:center;font-size:3rem;aspect-ratio:16/11}.featured-body{padding:2.5rem;display:flex;flex-direction:column;justify-content:center}.featured-cat{font-size:.8rem;font-weight:600;color:rgb(var(--accent));text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem}.featured-title{font-size:1.75rem;font-weight:700;margin:0 0 1rem;line-height:1.3}.featured-excerpt{color:rgb(var(--gray));margin:0 0 1.25rem;font-size:1rem;line-height:1.6}.featured-meta{font-size:.875rem;color:rgb(var(--gray))}.posts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem}.post-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000000f;text-decoration:none;color:inherit;transition:transform .3s ease,box-shadow .3s ease}.post-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #0000001f}.post-img{width:100%;aspect-ratio:16/9;object-fit:cover}.post-img-placeholder{aspect-ratio:16/9;background:linear-gradient(135deg,#6366f1,#8b5cf6);display:flex;align-items:center;justify-content:center;font-size:2.5rem}.post-body{padding:1.5rem}.post-cat{font-size:.75rem;font-weight:600;color:rgb(var(--accent));text-transform:uppercase;letter-spacing:.05em}.post-title{font-size:1.125rem;font-weight:600;margin:.5rem 0 .75rem;line-height:1.4}.post-excerpt{font-size:.9rem;color:rgb(var(--gray));margin:0 0 1rem;line-height:1.6}.post-meta{font-size:.8rem;color:rgb(var(--gray))}.empty{text-align:center;padding:5rem 2rem;color:rgb(var(--gray))}.empty h2{margin:0 0 1rem;color:rgb(var(--black));font-size:1.5rem}.sr-only{border:0;padding:0;margin:0;position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);clip-path:inset(50%);white-space:nowrap}.reading-progress{position:fixed;top:0;left:0;width:0%;height:3px;background:linear-gradient(90deg,#6366f1,#8b5cf6);z-index:9999;transition:width .1s ease-out}article{background:#fff;margin:0;padding:0}.article-hero{width:100%;max-width:1200px;margin:2rem auto 0;padding:0 1.5rem}.article-hero img{width:100%;height:auto;max-height:500px;object-fit:cover;display:block;border-radius:12px;box-shadow:0 4px 20px #0000001a}.article-header{max-width:800px;margin:0 auto;padding:3rem 1.5rem 2rem;text-align:center}.article-meta{display:flex;align-items:center;gap:1.25rem;margin-bottom:1.75rem;flex-wrap:wrap;justify-content:center}.article-category{display:inline-block;padding:.4rem .95rem;background:rgb(var(--accent));color:#fff;border-radius:999px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.article-date{font-size:.9rem;color:rgb(var(--gray))}.article-title{font-size:clamp(2rem,5vw,2.75rem);font-weight:800;line-height:1.25;margin:0 0 1.5rem;color:rgb(var(--black))}.article-description{font-size:1.2rem;color:rgb(var(--gray-dark));line-height:1.7;max-width:700px;margin:0 auto}.article-content{max-width:750px;margin:0 auto;padding:2.5rem 1.5rem 4rem;font-size:1.0625rem;line-height:1.8;color:rgb(var(--black))}.article-content h2{margin-top:3.5rem;margin-bottom:1.25rem;font-size:1.875rem;font-weight:700}.article-content h3{margin-top:2.75rem;margin-bottom:1rem;font-size:1.5rem;font-weight:600}.article-content h4{margin-top:2.25rem;margin-bottom:.75rem;font-size:1.25rem;font-weight:600}.article-content p{margin-bottom:1.75rem}.article-content img{margin:3rem auto;display:block;box-shadow:0 4px 20px #0000001a;border-radius:8px}.article-content ul,.article-content ol{margin-bottom:1.75rem;padding-left:1.75rem}.article-content li{margin-bottom:.75rem}.article-content a{color:rgb(var(--accent));text-decoration:none;position:relative;transition:color .2s ease}.article-content a:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:rgb(var(--accent));transition:width .3s ease}.article-content a:hover{color:var(--accent-dark)}.article-content a:hover:after{width:100%}.faq-section{max-width:800px;margin:0 auto;padding:3.5rem 1.5rem 4rem;border-top:2px solid rgb(var(--gray-light))}.faq-section h2{font-size:2.25rem;margin-bottom:2.5rem;text-align:center}.faq-item{margin-bottom:2rem;padding:1.75rem;background:#f9fafb;border-radius:10px;border-left:4px solid rgb(var(--accent))}.faq-question{font-size:1.25rem;font-weight:600;margin-bottom:.875rem;color:rgb(var(--black))}.faq-answer{color:rgb(var(--gray-dark));line-height:1.8;margin:0}@media(max-width:1024px){.posts-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media(max-width:768px){body{font-size:16px}.container{padding:0 1rem}.header{padding:.75rem 0}.header-inner{gap:1rem}.logo{font-size:1.25rem}.nav{gap:1.25rem}.nav-link{font-size:.9rem}.lang-select{padding:.5rem 2rem .5rem .75rem;font-size:.85rem}.hero{padding:3rem 1rem}.featured-card{grid-template-columns:1fr;gap:0}.featured-body{padding:1.75rem}.featured-title{font-size:1.4rem}.posts-grid{grid-template-columns:1fr;gap:1.5rem}.article-hero{padding:0 1rem;margin:1.5rem auto 0}.article-hero img{max-height:350px}.article-header{padding:2rem 1rem 1.5rem}.article-title{font-size:1.75rem;margin-bottom:1.25rem}.article-description{font-size:1rem}.article-content{padding:2rem 1rem 3rem;font-size:1rem}.article-content h2{font-size:1.5rem;margin-top:2.5rem}.article-content h3{font-size:1.25rem;margin-top:2rem}.faq-section{padding:2.5rem 1rem 3rem}.faq-section h2{font-size:1.75rem}.faq-item{padding:1.25rem}.faq-question{font-size:1.1rem}}@media(max-width:480px){.header-inner{flex-wrap:wrap;justify-content:center}.nav{order:3;width:100%;justify-content:center;padding-top:.5rem}}[dir=rtl]{direction:rtl;text-align:right}[dir=rtl] .article-header,[dir=rtl] .article-content,[dir=rtl] .faq-section,[dir=rtl] .featured-body,[dir=rtl] .post-body,[dir=rtl] .empty{text-align:right}[dir=rtl] blockquote{border-left:none;border-right:4px solid rgb(var(--accent));padding:1rem 1.5rem 1rem 0}[dir=rtl] .faq-item{border-left:none;border-right:4px solid rgb(var(--accent))}[dir=rtl] ul,[dir=rtl] ol{padding-right:1.5em;padding-left:0}[dir=rtl] .article-content ul,[dir=rtl] .article-content ol{padding-right:1.75rem;padding-left:0}[dir=rtl] th,[dir=rtl] td{text-align:right}[dir=rtl] .lang-select{background-position:left .875rem center;padding:.625rem 1rem .625rem 2.5rem}
