.articles-page{color:#fff;background:radial-gradient(circle at 16% 8%,#7898be2e,#0000 34%),radial-gradient(circle at 84% 22%,#8f72c42e,#0000 36%),linear-gradient(155deg,#070b1d,#101838 48%,#070f22);min-height:100vh;font-family:system-ui,-apple-system,Segoe UI,sans-serif;position:relative;overflow:hidden}.articles-page:before,.articles-page:after{content:"";z-index:0;filter:blur(70px);pointer-events:none;border-radius:50%;width:300px;height:300px;position:absolute}.articles-page:before{background:#7898be33;animation:13s ease-in-out infinite article-drift;top:-80px;right:-70px}.articles-page:after{background:#8f72c42e;animation:15s ease-in-out -7s infinite reverse article-drift;bottom:-70px;left:-70px}.articles-shell{z-index:1;flex-direction:column;gap:16px;max-width:560px;margin:0 auto;padding:26px 18px 40px;display:flex;position:relative}.back-link{color:#fff;background:#ffffff12;border:1px solid #ffffff17;border-radius:14px;align-items:center;gap:8px;width:max-content;padding:9px 13px;font-size:13px;font-weight:700;text-decoration:none;transition:background-color .2s,border-color .2s;display:inline-flex}.back-link:hover{background:#ffffff24;border-color:#ffffff2e}.articles-head{text-align:center}.articles-badge{color:#bcd3ec;background:#7898be29;border:1px solid #ffffff24;border-radius:18px;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:10px;animation:4.5s ease-in-out infinite article-float;display:inline-flex}.articles-head h1{letter-spacing:-.03em;background:linear-gradient(90deg,#fff,#bcd3ec 55%,#e5d3ff);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0 0 6px;font-size:30px}.articles-head p{color:#a7b0d2;margin:0;font-size:14px;line-height:1.5}.articles-list{flex-direction:column;gap:12px;display:flex}.article-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff0f;border:1px solid #ffffff1a;border-radius:24px;transition:border-color .2s;animation:.55s cubic-bezier(.2,.7,.2,1) both article-rise;overflow:hidden;box-shadow:0 14px 34px #00000024}.article-card:first-child{animation-delay:20ms}.article-card:nth-child(2){animation-delay:80ms}.article-card:nth-child(3){animation-delay:.14s}.article-card:nth-child(4){animation-delay:.2s}.article-card.is-open{border-color:#ffe1b866}.article-toggle{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:none;padding:18px 18px 14px;font-family:inherit;display:block}.article-tag{color:#ffe1b8;text-transform:uppercase;letter-spacing:.08em;background:#ffe1b821;border-radius:999px;margin-bottom:8px;padding:4px 10px;font-size:11px;font-weight:800;display:inline-block}.article-toggle h2{letter-spacing:-.02em;margin:0 0 8px;font-size:18px;line-height:1.35}.article-lead{color:#a7b0d2;margin:0;font-size:14px;line-height:1.6}.article-more{color:#ffd9a8;align-items:center;gap:6px;margin-top:12px;font-size:13px;font-weight:800;display:inline-flex}.article-more svg{transition:transform .25s}.article-card.is-open .article-more svg{transform:rotate(180deg)}.article-body{flex-direction:column;gap:10px;padding:0 18px 18px;animation:.35s both article-rise;display:flex}.article-body p{color:#d6dbee;margin:0;font-size:14px;line-height:1.7}.articles-seo{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff0f;border:1px solid #ffffff1a;border-radius:24px;padding:20px;animation:.6s cubic-bezier(.2,.7,.2,1) .24s both article-rise}.articles-seo h2{letter-spacing:-.02em;margin:0 0 10px;font-size:20px}.articles-seo p{color:#b3bbdd;margin:0;font-size:14px;line-height:1.65}@keyframes article-drift{0%,to{transform:translate(0,0)}50%{transform:translate(-18px,22px)}}@keyframes article-rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes article-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@media (prefers-reduced-motion:reduce){.articles-page:before,.articles-page:after,.articles-badge,.article-card,.articles-seo,.article-body{animation:none}}@media (max-width:640px){.articles-head h1{font-size:25px}.articles-shell{padding:20px 14px 34px}}