*,*:before,*:after{box-sizing:border-box}:root{--bg-main: #ffffff;--bg-card: #ffffff;--bg-card-soft: #e0edff;--text-main: #0f172a;--text-muted: #6b7280;--navy: #023e8a;--accent-blue: #2563eb;--accent-violet: #2563eb;--accent-green: #028a4e;--peach: #ffdab9;--border: rgba(15, 23, 42, .06)}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#fff;color:var(--text-main);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:hover{color:var(--accent-green)}.app-shell{min-height:100vh;display:flex;flex-direction:column}.site-header{position:sticky;top:0;z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff5;border-bottom:1px solid var(--border)}.site-header-inner{max-width:960px;margin:0 auto;padding:1rem;display:flex;align-items:center;justify-content:space-between}.brand-row{display:flex;align-items:center;gap:.8rem}.brand-logo-img{height:128px;width:auto;flex-shrink:0;object-fit:contain;display:block;transition:transform .2s ease-out}.brand-logo-img:hover{transform:scale(1.06)}@media(max-width:600px){.brand-logo-img{height:158px}}.brand-text{display:flex;flex-direction:column}.brand-title{font-size:1.1rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:var(--navy)}.brand-subtitle{font-size:.8rem;color:var(--text-muted)}.site-main{flex:1;padding:1rem;max-width:960px;width:100%;margin:0 auto}.card{background:var(--bg-card);border-radius:1.25rem;padding:1.2rem 1.3rem;border:1px solid var(--border);box-shadow:0 12px 28px #0f172a0a;transition:transform .16s ease-out,box-shadow .16s ease-out,border-color .16s ease-out,background .16s ease-out;animation:fadeIn .2s ease-out}.card+.card{margin-top:1rem}.card.post-card:hover{transform:translateY(-3px);box-shadow:0 18px 40px #0f172a12;border-color:#2563eb59;background:var(--bg-card-soft)}.hero{position:relative;overflow:hidden;margin-bottom:1.5rem;background:#fff}.hero:before{content:"";position:absolute;inset:-40%;background:radial-gradient(circle at top left,rgba(37,99,235,.16),transparent 60%);opacity:1;pointer-events:none}.hero-inner{position:relative}.hero-badge{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .7rem;border-radius:999px;font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;background:#dbeafee6;border:1px solid rgba(37,99,235,.4);color:var(--navy);margin-bottom:.5rem}.hero-title{font-size:1.6rem;font-weight:700;margin:.2rem 0 .3rem;color:var(--navy)}.hero-highlight{font-size:.95rem;color:var(--accent-green);margin-bottom:.6rem}.hero-tagline{font-size:.9rem;color:var(--text-muted);margin:0 0 1rem}.hero-grid{display:grid;gap:.8rem}.hero-box{background:#fff;border-radius:.9rem;padding:.8rem .9rem;border:1px solid rgba(229,231,235,.8);font-size:.85rem}.hero-box h2{font-size:.9rem;margin:0 0 .25rem}.hero-box ul{margin:.3rem 0 0;padding-left:1.1rem}.hero-box li{margin:.12rem 0}.section-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:.6rem}.section-title{font-size:1.1rem;font-weight:600;margin:0;color:var(--navy);border-bottom:2px solid rgba(2,138,78,.35);padding-bottom:3px}.section-subtitle{margin:.2rem 0 0;font-size:.8rem;color:var(--text-muted)}.pill-row{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:.9rem}.pill{border-radius:999px;padding:.25rem .75rem;font-size:.78rem;border:1px solid #d1d5db;background:#fff;color:var(--text-main);cursor:pointer;display:inline-flex;align-items:center;gap:.3rem;transition:background .16s ease-out,border-color .16s ease-out,transform .12s ease-out,box-shadow .12s ease-out}.pill span.bullet{width:6px;height:6px;border-radius:999px;background:radial-gradient(circle,var(--accent-green) 0,var(--accent-blue) 60%)}.pill:hover{background:#e0edff;border-color:#2563eb80;transform:translateY(-1px);box-shadow:0 8px 18px #0f172a0f}.pill.active{background:var(--accent-blue);border-color:var(--accent-blue);color:#fff}.post-list{display:flex;flex-direction:column}.card-title{font-size:1rem;font-weight:600;margin:0 0 .25rem;color:var(--navy)}.card-meta{font-size:.75rem;color:var(--text-muted);margin-bottom:.45rem}.card-body{font-size:.9rem;color:var(--text-main);opacity:.9}.post-content{font-size:.95rem;line-height:1.7;color:var(--text-main);margin-top:.6rem}.post-paragraph{margin:.4rem 0}.post-back-button{border:none;background:transparent;color:var(--accent-blue);font-size:.85rem;margin-bottom:.8rem;padding:0;cursor:pointer;display:inline-flex;align-items:center;gap:.3rem}.post-back-button:hover{color:var(--accent-green)}.site-footer{border-top:1px solid var(--border);padding:1rem;font-size:.75rem;color:var(--text-muted);text-align:center;background:#fffffff5}.footer-note{margin-top:.25rem}.logo{height:110px;width:auto;padding:.5rem;transition:transform .2s ease-out}.logo:hover{transform:scale(1.06)}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media(min-width:768px){.site-main{padding:1.5rem 1.5rem 2rem}.hero-title{font-size:2rem}.hero-grid{grid-template-columns:minmax(0,2fr) minmax(0,1.4fr);gap:.9rem}}