.blog-page{background:var(--gp-color-surface, #050a30);color:var(--gp-color-body, #fff);font-family:var(--gp-font-body, Inter),system-ui,sans-serif;padding:clamp(48px,7vw,96px) 0 clamp(64px,8vw,112px);min-height:60vh}.blog-wrap{width:100%;max-width:1080px;margin:0 auto;padding:0 24px}.blog-head{max-width:62ch}.blog-eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:.72rem;font-weight:800;letter-spacing:.24em;text-transform:uppercase;color:var(--gp-color-primary, #a5cd39);margin-bottom:18px}.blog-eyebrow:before{content:"";width:26px;height:2px;background:currentColor;display:block}.blog-head h1{font-size:clamp(2rem,4.4vw,3rem);font-weight:900;letter-spacing:-.035em;line-height:1.05;margin:0 0 18px;color:var(--gp-color-heading, #fff)}.blog-head p{font-size:1.05rem;color:#ffffffb8;margin:0}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:22px;margin-top:44px}.post-card{display:flex;flex-direction:column;gap:10px;padding:26px;border:1px solid rgba(255,255,255,.13);border-radius:18px;background:#ffffff09;text-decoration:none;color:inherit;transition:transform .35s cubic-bezier(.22,1,.36,1),border-color .3s,background .3s}.post-card:hover{transform:translateY(-4px);border-color:#a5cd3980;background:#ffffff0f}.post-card__cat{font-size:.68rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--gp-color-primary, #a5cd39)}.post-card h2{font-size:1.22rem;font-weight:800;letter-spacing:-.02em;line-height:1.25;margin:0;color:var(--gp-color-heading, #fff)}.post-card p{font-size:.94rem;color:#ffffffad;margin:0}.post-card__meta{display:flex;gap:10px;margin-top:auto;padding-top:12px;font-size:.8rem;color:#ffffff80}.blog-empty{margin-top:44px;padding:34px;border:1px dashed rgba(255,255,255,.2);border-radius:18px;color:#ffffffb8;font-size:.98rem}.blog-empty strong{color:#fff}.post{max-width:720px}.post h1{font-size:clamp(1.9rem,4vw,2.7rem);font-weight:900;letter-spacing:-.035em;line-height:1.1;margin:0 0 16px;color:var(--gp-color-heading, #fff)}.post__meta{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;font-size:.86rem;color:#ffffff8c;padding-bottom:26px;margin-bottom:30px;border-bottom:1px solid rgba(255,255,255,.12)}.post__cat{color:var(--gp-color-primary, #a5cd39);font-weight:800;letter-spacing:.12em;text-transform:uppercase;font-size:.7rem}.post__body{font-size:1.04rem;line-height:1.75;color:#ffffffd1}.post__body>*+*{margin-top:1.1em}.post__body h2{font-size:1.5rem;font-weight:800;margin-top:2em;letter-spacing:-.02em;color:#fff}.post__body h3{font-size:1.2rem;font-weight:700;margin-top:1.7em;color:#fff}.post__body a{color:var(--gp-color-secondary, #009bdf);text-decoration:underline;text-underline-offset:3px}.post__body ul,.post__body ol{padding-left:1.3em}.post__body li+li{margin-top:.5em}.post__body blockquote{margin:1.6em 0;padding:4px 0 4px 22px;border-left:3px solid var(--gp-color-primary, #a5cd39);color:#ffffffe6;font-style:italic}.post__body img{border-radius:14px}.post__body code{background:#ffffff14;padding:2px 6px;border-radius:6px;font-size:.9em}.post__body pre{background:#ffffff0f;padding:18px;border-radius:12px;overflow-x:auto;border:1px solid rgba(255,255,255,.1)}.post__body pre code{background:none;padding:0}.post__body figure{margin:1.6em 0}.post__body figcaption{font-size:.84rem;color:#ffffff8c;margin-top:8px}.post__footer{margin-top:48px;padding-top:26px;border-top:1px solid rgba(255,255,255,.12);display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:space-between}.blog-btn{display:inline-flex;align-items:center;gap:9px;padding:14px 24px;border-radius:999px;font-weight:700;font-size:.92rem;text-decoration:none;border:1px solid transparent;transition:transform .28s,background .25s,border-color .25s}.blog-btn--primary{background:var(--gp-color-primary, #a5cd39);color:#0b1200}.blog-btn--primary:hover{transform:translateY(-2px);background:var(--gp-color-primary-hover, #b6dd4a)}.blog-btn--ghost{border-color:#ffffff38;color:#fff;background:#ffffff0a}.blog-btn--ghost:hover{border-color:#ffffff73;transform:translateY(-2px)}
