.blog-page{--reef-bg:#06111d;--reef-ink:#e9fff7;--reef-muted:#92b9b1;--reef-dim:#4d7677;--reef-line:#5fffd02e;--reef-card:#0a1a2ab8;--reef-card-strong:#0f293ddb;--reef-green:#45f0a8;--reef-cyan:#4de7ff;--reef-gold:#ffd166;--reef-shadow:0 24px 80px #0000006b;min-height:100svh;color:var(--reef-ink);background:radial-gradient(circle at 18% 8%,#4de7ff2b,#0000 28rem),radial-gradient(circle at 86% 3%,#45f0a821,#0000 24rem),linear-gradient(150deg,#081829 0%,#06111d 48%,#02070d 100%);flex-direction:column;font-family:Avenir Next,Gill Sans,Trebuchet MS,sans-serif;display:flex;position:relative;overflow-x:hidden}.blog-page:before{content:"";pointer-events:none;opacity:.24;background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff07 1px,#0000 1px);background-size:44px 44px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(circle at 50% 20%,#000,#0000 72%);mask-image:radial-gradient(circle at 50% 20%,#000,#0000 72%)}.blog-page:after{content:"";pointer-events:none;opacity:.12;mix-blend-mode:overlay;background-image:radial-gradient(circle,#fffc 0 1px,#0000 1.2px);background-size:5px 5px;position:fixed;inset:0}.blog-hero{padding:48px 0 38px;position:relative;overflow:hidden}.blog-hero-bg{pointer-events:none;background:conic-gradient(from 210deg at 70% 30%, transparent 0 22%, #45f0a829 32%, transparent 45% 100%), radial-gradient(ellipse 56% 46% at 26% 20%, #4de7ff29, transparent 68%), radial-gradient(ellipse 38% 40% at 76% 52%, #ffd16612, transparent 72%);filter:blur(2px);position:absolute;inset:-22% -10% 0}.blog-hero-bg:after{content:"〰 〰 〰";color:#4de7ff38;letter-spacing:.08em;font-size:clamp(34px,7vw,92px);position:absolute;top:26%;right:8vw;transform:rotate(-12deg)}.blog-hero-inner,.blog-toolbar,.blog-list,.blog-load-more-wrap,.blog-cta{z-index:1;width:100%;max-width:1120px;margin-inline:auto;position:relative}.blog-hero-inner{padding:0 20px}.blog-eyebrow{border:1px solid var(--reef-line);width:fit-content;color:var(--reef-green);letter-spacing:.22em;text-transform:uppercase;background:#05111d85;border-radius:999px;align-items:center;gap:10px;margin-bottom:14px;padding:7px 10px;font-family:Cascadia Code,SFMono-Regular,ui-monospace,monospace;font-size:10px;font-weight:800;display:flex;box-shadow:0 0 28px #45f0a814}.blog-eyebrow:before{content:"";background:linear-gradient(90deg, var(--reef-cyan), var(--reef-green));border-radius:999px;width:24px;height:2px;box-shadow:0 0 14px #4de7ffb3}.blog-title{max-width:760px;font-family:Didot, Bodoni 72, Iowan Old Style, Georgia, serif;letter-spacing:-.055em;color:#dffff8;text-wrap:balance;text-shadow:0 0 28px #4de7ff3d,0 18px 52px #0000006b;margin:0 0 16px;font-size:clamp(38px,15vw,68px);font-style:italic;font-weight:700;line-height:.94}.blog-subtitle{max-width:58ch;color:var(--reef-muted);margin:0;font-size:14px;line-height:1.75}.blog-language-link{color:#dffff8;background:linear-gradient(135deg,#4de7ff24,#45f0a814);border:1px solid #4de7ff3d;border-radius:999px;align-items:center;gap:8px;margin-top:18px;padding:9px 14px;font-size:12px;font-weight:800;text-decoration:none;transition:transform .18s,border-color .18s,box-shadow .18s;display:inline-flex;box-shadow:inset 0 1px #ffffff14,0 14px 36px #0000003d}.blog-language-link:hover{border-color:#45f0a8b3;transform:translateY(-1px);box-shadow:0 0 26px #45f0a829,inset 0 1px #ffffff1f}.blog-toolbar{flex-direction:column;gap:14px;padding:0 20px 10px;display:flex}.blog-search-wrap{align-items:center;display:flex;position:relative}.blog-search-icon{z-index:1;pointer-events:none;opacity:.74;filter:saturate(1.4);font-size:14px;position:absolute;left:14px}.blog-search{width:100%;height:44px;color:var(--reef-ink);border:1px solid var(--reef-line);background:linear-gradient(#0d2235eb,#071421e0);border-radius:16px;outline:none;padding:0 14px 0 40px;font-size:14px;transition:border-color .18s,box-shadow .18s,background .18s;box-shadow:inset 0 1px #ffffff0f,0 18px 50px #0000002e}.blog-search:focus{background:linear-gradient(#102d43f5,#081726f0);border-color:#4de7ffb8;box-shadow:0 0 0 4px #4de7ff1a,0 24px 60px #0000003d}.blog-search::placeholder{color:#92b9b18f}.blog-categories{flex-wrap:wrap;gap:8px;display:flex}.blog-cat-btn{border:1px solid var(--reef-line);color:var(--reef-muted);white-space:nowrap;background:#071421c2;border-radius:999px;padding:7px 13px;font-size:12px;font-weight:800;transition:color .18s,border-color .18s,transform .18s,background .18s;position:relative;overflow:hidden}.blog-cat-btn:before{content:"";opacity:0;background:linear-gradient(135deg,#4de7ff29,#45f0a829);transition:opacity .18s;position:absolute;inset:0}.blog-cat-btn:hover{color:var(--reef-ink);border-color:#4de7ff80;transform:translateY(-1px)}.blog-cat-btn:hover:before,.blog-cat-btn--active:before{opacity:1}.blog-cat-btn--active{color:#041019;background:linear-gradient(135deg, var(--reef-cyan), var(--reef-green));border-color:#0000;box-shadow:0 12px 28px #45f0a82b}.blog-count{color:var(--reef-dim);letter-spacing:.08em;text-transform:uppercase;font-family:Cascadia Code,SFMono-Regular,ui-monospace,monospace;font-size:11px}.blog-list{flex:1;grid-template-columns:1fr;gap:16px;padding:18px 20px 24px;display:grid}.blog-card{min-height:100%;color:inherit;background:linear-gradient(180deg, #ffffff0b, transparent 42%), var(--reef-card);border:1px solid var(--reef-line);box-shadow:var(--reef-shadow), inset 0 1px 0 #ffffff12;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);cursor:pointer;border-radius:24px;flex-direction:column;text-decoration:none;transition:transform .22s,border-color .22s,box-shadow .22s;display:flex;position:relative;overflow:hidden;transform:translateZ(0)}.blog-card:after{content:"";pointer-events:none;background:radial-gradient(at 50% 100%,#45f0a821,#0000 66%);height:66%;transition:opacity .22s;position:absolute;inset:auto -20% -42%}.blog-card:active{transform:scale(.99)}.blog-card-cover{border-bottom:1px solid var(--reef-line);background:radial-gradient(circle at 48% 48%,#dffff829,#0000 3.1rem),conic-gradient(from 125deg,#4de7ff2e,#45f0a814,#ffd16614,#4de7ff2e);justify-content:center;align-items:center;height:118px;display:flex;position:relative;overflow:hidden}.blog-card-cover:before{content:"";border:1px solid #dffff81f;border-radius:38% 62% 54% 46%;width:142px;height:142px;position:absolute;transform:rotate(-18deg);box-shadow:inset 0 0 30px #4de7ff14}.blog-card-emoji{z-index:1;filter:drop-shadow(0 0 18px #4de7ff61);font-size:42px;line-height:1;position:relative}.blog-card-badge{z-index:1;color:var(--reef-gold);letter-spacing:.08em;text-transform:uppercase;background:#1e170880;border:1px solid #ffd16647;border-radius:999px;padding:5px 9px;font-family:Cascadia Code,SFMono-Regular,ui-monospace,monospace;font-size:9px;font-weight:900;position:absolute;top:12px;right:12px}.blog-card-body{z-index:1;flex-direction:column;gap:8px;padding:18px 18px 20px;display:flex;position:relative}.blog-card-category{color:var(--reef-green);letter-spacing:.12em;text-transform:uppercase;font-family:Cascadia Code,SFMono-Regular,ui-monospace,monospace;font-size:10px;font-weight:900}.blog-card-title{color:#e4fff8;font-family:Didot, Bodoni 72, Iowan Old Style, Georgia, serif;letter-spacing:-.035em;text-wrap:balance;margin:0;font-size:20px;font-style:italic;font-weight:700;line-height:1.12}.blog-card-excerpt{color:var(--reef-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:13px;line-height:1.62;display:-webkit-box;overflow:hidden}.blog-card-meta{color:var(--reef-dim);flex-wrap:wrap;align-items:center;gap:7px;margin-top:5px;font-family:Cascadia Code,SFMono-Regular,ui-monospace,monospace;font-size:10px;display:flex}.blog-card-sep{opacity:.55}.blog-card-author{color:#92b9b1e6}.blog-load-more-wrap{justify-content:center;padding:6px 20px 30px;display:flex}.blog-load-more{color:var(--reef-ink);background:linear-gradient(135deg,#4de7ff1c,#45f0a81a);border:1px solid #4de7ff40;border-radius:999px;padding:12px 30px;font-size:13px;font-weight:900;transition:transform .18s,border-color .18s,box-shadow .18s}.blog-load-more:disabled{opacity:.42;cursor:default;color:var(--reef-dim)}.blog-load-more:not(:disabled):hover{border-color:#45f0a8b3;transform:translateY(-1px);box-shadow:0 0 28px #45f0a82e}.blog-cta{padding:36px 20px 52px}.blog-cta-inner{text-align:center;box-shadow:var(--reef-shadow), inset 0 1px 0 #ffffff14;background:linear-gradient(135deg,#4de7ff21,#45f0a812),#091a29c2;border:1px solid #4de7ff33;border-radius:28px;flex-direction:column;align-items:center;gap:13px;padding:34px 24px;display:flex;position:relative;overflow:hidden}.blog-cta-inner:before{content:"✦";color:#4de7ff38;font-size:96px;line-height:1;position:absolute;top:-22px;left:7%}.blog-cta-title{color:#e4fff8;font-family:Didot, Bodoni 72, Iowan Old Style, Georgia, serif;letter-spacing:-.04em;text-shadow:0 0 26px #4de7ff3d;margin:0;font-size:26px;font-style:italic;font-weight:700}.blog-cta-sub{max-width:46ch;color:var(--reef-muted);margin:0;font-size:13px;line-height:1.65}.blog-cta-btn{color:#041019;background:linear-gradient(135deg, var(--reef-cyan), var(--reef-green));border-radius:999px;justify-content:center;align-items:center;margin-top:4px;padding:12px 28px;font-size:14px;font-weight:950;text-decoration:none;transition:transform .18s,box-shadow .18s;display:inline-flex;box-shadow:0 18px 36px #45f0a838}.blog-cta-btn:hover{transform:translateY(-2px);box-shadow:0 24px 46px #45f0a84d}.blog-empty{text-align:center;color:var(--reef-dim);padding:42px 20px;font-size:14px}@media (prefers-reduced-motion:no-preference){.blog-eyebrow,.blog-title,.blog-subtitle,.blog-language-link,.blog-toolbar,.blog-card,.blog-cta{animation:.72s both blog-rise}.blog-title{animation-delay:40ms}.blog-subtitle{animation-delay:80ms}.blog-language-link{animation-delay:.12s}.blog-toolbar{animation-delay:.16s}.blog-card:first-child{animation-delay:.2s}.blog-card:nth-child(2){animation-delay:.25s}.blog-card:nth-child(3){animation-delay:.3s}.blog-card:nth-child(n+4){animation-delay:.34s}.blog-cta{animation-delay:.38s}}@keyframes blog-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media (width>=720px){.blog-hero{padding:78px 0 50px}.blog-hero-inner,.blog-toolbar,.blog-list,.blog-load-more-wrap,.blog-cta{padding-inline:32px}.blog-title{font-size:clamp(58px,7vw,86px)}.blog-subtitle{font-size:17px}.blog-search{border-radius:18px;height:50px}.blog-categories{gap:9px}.blog-cat-btn{padding:9px 16px}.blog-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;padding-top:22px;padding-bottom:30px}.blog-card-cover{height:142px}.blog-card-title{font-size:23px}.blog-card-excerpt{-webkit-line-clamp:3;font-size:14px}.blog-cta-inner{padding:48px 36px}.blog-cta-title{font-size:34px}}@media (width>=1040px){.blog-toolbar{grid-template-columns:minmax(300px,390px) 1fr;align-items:center;display:grid}.blog-categories{justify-content:flex-end}.blog-count{grid-column:1/-1}.blog-list{grid-template-columns:repeat(3,minmax(0,1fr))}.blog-card:hover{border-color:#4de7ff73;transform:translateY(-6px)rotate(-.35deg);box-shadow:0 30px 90px #00000080,0 0 46px #45f0a81a,inset 0 1px #ffffff1a}.blog-card:hover .blog-card-emoji{transform:scale(1.08)rotate(4deg)}.blog-card-emoji{transition:transform .22s}}
