:root{--primary:#5b3df5;--dark:#140f33;--accent:#19c2b0}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#29343e;background:#fff;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;line-height:1.55}a{color:var(--primary);text-underline-offset:3px}a:hover{color:var(--dark)}.container{width:min(1100px,calc(100% - 40px));margin-inline:auto}.site-header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.97);border-bottom:1px solid #e5e9ed;box-shadow:0 2px 12px rgba(15,30,51,.05)}.header-inner{min-height:70px;display:flex;align-items:center;justify-content:space-between;gap:24px}.logo{color:var(--dark);font-weight:800;letter-spacing:.055em;text-decoration:none;font-size:1.18rem}.nav{display:flex;flex-wrap:wrap;gap:18px}.nav a{color:#3a4652;text-decoration:none;font-weight:650}.hero{color:#fff;padding:76px 0;background:linear-gradient(125deg,var(--dark),var(--primary))}.hero h1{margin:0 0 8px;font-size:clamp(2.25rem,6vw,4.5rem);line-height:1.05;letter-spacing:-.035em}.hero p{max-width:680px;margin:0;font-size:clamp(1.05rem,2vw,1.3rem);opacity:.92}main{min-height:60vh}.section{padding:56px 0}.section-title{margin:0 0 28px;color:var(--dark);font-size:2rem}.intro{max-width:850px;margin:0 auto;padding:46px 0 4px;font-size:1.08rem}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.card{overflow:hidden;display:flex;flex-direction:column;border:1px solid #e4e9ee;border-radius:12px;background:#fff;box-shadow:0 7px 22px rgba(15,30,51,.07)}.card-image{width:100%;aspect-ratio:16/9;object-fit:cover;display:block;background:#edf1f4}.card-body{padding:22px;display:flex;flex:1;flex-direction:column}.card h2{margin:0 0 8px;color:var(--dark);font-size:1.3rem;line-height:1.3}.card h2 a{color:inherit;text-decoration:none}.card p{margin:10px 0 18px}.read-more{margin-top:auto;font-weight:750}.post-date{color:#687582;font-size:.92rem}.article{max-width:760px;padding:54px 0 70px;font-size:18px;line-height:1.7}.article h1{color:var(--dark);margin:0 0 10px;font-size:clamp(2rem,5vw,3.25rem);line-height:1.12;letter-spacing:-.025em}.article h2,.article h3,.article h4{color:var(--dark);line-height:1.25;margin-top:1.8em}.article img,.intro img{max-width:100%;height:auto;border-radius:6px}.article iframe{max-width:100%}.article-body{margin-top:30px;overflow-wrap:anywhere}.article-body table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse}.article-body th,.article-body td{padding:9px;border:1px solid #dce2e8}.more-articles{max-width:760px;margin:0 auto 70px;padding-top:28px;border-top:1px solid #dfe5ea}.more-articles li{margin:10px 0}.blog-list{list-style:none;padding:0;margin:0}.blog-list li{display:flex;justify-content:space-between;gap:24px;padding:17px 0;border-bottom:1px solid #e2e7eb}.blog-list a{color:var(--dark);font-weight:720;text-decoration:none}.not-found{text-align:center;padding:110px 20px}.site-footer{padding:42px 0;color:#dce3e9;background:var(--dark)}.footer-links{display:flex;flex-wrap:wrap;gap:10px 20px;margin-bottom:20px}.site-footer a{color:#fff}.site-footer p{margin:0;opacity:.82}@media(max-width:700px){.container{width:min(100% - 28px,1100px)}.header-inner{align-items:flex-start;flex-direction:column;gap:8px;padding:15px 0}.nav{gap:8px 16px}.hero{padding:55px 0}.cards{grid-template-columns:1fr}.blog-list li{align-items:flex-start;flex-direction:column;gap:3px}.article{font-size:17px}}
main svg, article svg, .content svg { width: 1.25em; height: 1.25em; max-width: 1.25em; max-height: 1.25em; display: inline-block; vertical-align: -0.2em; fill: currentColor; flex-shrink: 0; }
main svg[width][height] { width: auto; height: auto; }
main iframe, main video { max-width: 100%; }
main table { display:block; max-width:100%; overflow-x:auto; }
main img { max-width:100%; height:auto; }
.article-body img, .intro img { max-height:560px; width:auto; max-width:100%; object-fit:contain; }
.see-all-articles { text-align:center; margin-top:32px; }
.see-all-articles a { display:inline-block; padding:12px 24px; border-radius:8px; color:#fff; background:var(--primary); text-decoration:none; font-weight:750; }
.see-all-articles a:hover { color:#fff; background:var(--dark); }