.content-page{max-width:860px;margin:48px auto 32px}.content-page-header{background:linear-gradient(135deg,#00ffaa0a,#00b4ff0a);border:1px solid rgba(0,255,170,.12);border-radius:16px;padding:40px 36px;margin-bottom:20px;position:relative;overflow:hidden}.content-page-header:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(0,255,170,.4),transparent)}.content-page-header h1{margin-bottom:12px;color:var(--text);font-size:clamp(2rem,5vw,3.2rem)}.content-page-description,.content-page-meta{margin:0;color:var(--text-soft)}.content-page-meta{font-size:.84em;margin-bottom:10px;opacity:.7}.content-page-body{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:36px;line-height:1.8;color:var(--text)}.content-page-body h2{margin:32px 0 14px;color:var(--text);font-size:clamp(1.6rem,3vw,2.2rem)}.content-page-body h3{margin:22px 0 10px;color:var(--text);font-size:1.2rem;font-family:Inter,sans-serif;font-weight:600;letter-spacing:-.01em}.content-page-body p,.content-page-body ul,.content-page-body ol{margin:0 0 18px;color:var(--text-soft)}.content-page-body ul,.content-page-body ol{padding-left:22px}.content-page-body li{margin-bottom:6px}.content-page-body a{color:var(--accent);text-decoration:none}.content-page-body a:hover{text-decoration:underline}.content-page-card{background:var(--surface-muted);border:1px solid var(--border);border-radius:12px;padding:22px 24px;margin-bottom:18px;transition:border-color .2s}.content-page-card:hover{border-color:#00ffaa26}.content-page-grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin:18px 0}.content-page-kicker{display:block;margin-bottom:8px;color:var(--accent);font-size:.78em;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.content-author-card{display:grid;gap:20px;align-items:start;grid-template-columns:auto 1fr}.content-author-card img{width:88px;height:88px;border-radius:999px;object-fit:cover;border:2px solid rgba(0,255,170,.2)}.content-page-callout{border-left:3px solid var(--accent);background:var(--accent-soft)!important;border-top:none;border-right:1px solid rgba(0,255,170,.15);border-bottom:1px solid rgba(0,255,170,.15)}@media(max-width:640px){.content-page-header,.content-page-body{padding:28px 22px}.content-author-card{grid-template-columns:1fr}}.content-page{max-width:960px;margin:clamp(62px,8vw,108px) auto 42px}.content-page-header{margin-bottom:18px;padding:clamp(34px,6vw,66px);border-color:var(--border);border-radius:28px;background:var(--surface);box-shadow:var(--shadow-md)}.content-page-header:before{width:112px;height:4px;top:0;right:auto;background:var(--accent)}.content-page-header h1{max-width:840px;margin-bottom:22px;font-size:clamp(3.3rem,7vw,6rem);line-height:.92;letter-spacing:-.05em}.content-page-description{max-width:720px;font-size:clamp(1rem,1.5vw,1.12rem);line-height:1.72}.content-page-meta{margin-bottom:14px;color:var(--accent-fg);font-size:.7rem;font-weight:650;letter-spacing:.12em;text-transform:uppercase;opacity:1}.content-page-body{padding:clamp(30px,5vw,56px);border-color:var(--border);border-radius:28px;background:var(--surface);box-shadow:var(--shadow-sm);line-height:1.82}.content-page-body h2{margin:52px 0 18px;font-size:clamp(2.1rem,4vw,3.4rem);line-height:1;letter-spacing:-.035em}.content-page-body h2:first-child{margin-top:0}.content-page-body h3{margin-top:32px;font-size:1.08rem;font-weight:650}.content-page-body p,.content-page-body ul,.content-page-body ol{color:var(--text-soft)}.content-page-body a{color:var(--accent-fg);text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--accent) 28%,transparent);text-underline-offset:3px}.content-page-card{padding:24px;border-color:var(--border);border-radius:18px;background:var(--surface-muted)}.content-page-card:hover{border-color:var(--border-strong)}.content-page-kicker{color:var(--accent-fg);letter-spacing:.12em}.content-author-card img{border-color:var(--border-strong)}.content-page-callout{border-left-color:var(--accent);border-right-color:var(--border);border-bottom-color:var(--border);background:var(--accent-soft)!important}@media(max-width:640px){.content-page{margin-top:68px}.content-page-header,.content-page-body{padding:28px 22px;border-radius:22px}.content-page-header h1{font-size:clamp(3rem,15vw,4.5rem)}}