.article-page{color:#f8fafc;background:radial-gradient(circle at 10% 3%,#35205d70,#0000 23%),#0b0b0f;min-height:100vh;padding:115px 0 90px}.article,.article-empty{width:min(900px,100% - 40px);margin:auto}.article-back{color:#cbbdff;align-items:center;gap:7px;font-size:12px;font-weight:800;display:inline-flex}.article-back svg{font-size:18px;transform:rotate(180deg)}.article header{text-align:center;max-width:790px;margin:46px auto 42px}.article header h1{letter-spacing:-3px;margin:12px 0 17px;font-size:clamp(35px,5vw,63px);line-height:1.2}.article-meta{color:#8f92a2;justify-content:center;gap:17px;margin-top:23px;font-size:11px;display:flex}.article-meta span{align-items:center;gap:5px;display:flex}.article-meta svg{font-size:16px}.article-cover{background:linear-gradient(135deg,#28234d,#8152b5 55%,#1a5a9b);border:1px solid #cfc4ff43;border-radius:22px;height:400px;position:relative;overflow:hidden;box-shadow:0 28px 70px #0008}.article-cover div{aspect-ratio:1;border:23px solid #e9e4ff80;border-radius:50%;width:55%;position:absolute;top:18%;left:22%;box-shadow:0 0 70px #d6bcff80}.article-cover i{border:16px solid #8bd8ff88;border-radius:50%;width:155px;height:155px;position:absolute;bottom:-20px;right:14%}.article-cover b{z-index:1;color:#fff;letter-spacing:2px;font:800 14px/1.4 Plus Jakarta Sans;position:absolute;bottom:31px;right:35px}.article-cover.blue{background:linear-gradient(135deg,#172b52,#1b7093 58%,#b5d7f3)}.article-cover.pink{background:linear-gradient(135deg,#4b1c48,#d95587 56%,#ee9b66)}.article-cover.lime{background:linear-gradient(135deg,#102e2b,#416e57 50%,#a9c762)}.article-layout{grid-template-columns:90px 1fr;gap:45px;max-width:720px;margin:58px auto;display:grid}.article-layout aside{color:#9295a5;padding-top:11px;font-size:10px}.article-layout aside button{color:#dfd9ff;background:#8b5cf617;border:1px solid #a78bfa40;border-radius:50%;width:30px;height:30px}.article-lead{color:#dfdfe6;margin:0 0 48px;font-size:19px;line-height:2.05}.article-body section{margin:0 0 43px;padding-inline-start:45px;position:relative}.article-body section>span{inset-inline-start:0;color:#a78bfa;font:800 11px Plus Jakarta Sans;position:absolute;top:8px}.article-body h2{letter-spacing:-1px;margin:0 0 12px;font-size:25px}.article-body p{color:#b7bac6;font-size:15px;line-height:2.05}.article-empty{text-align:center;padding-top:130px}@media (max-width:650px){.article-page{padding-top:92px}.article header{margin:33px auto}.article header h1{letter-spacing:-2px}.article-cover{height:240px}.article-layout{margin:38px auto;display:block}.article-layout aside{margin-bottom:25px}.article-lead{font-size:17px}.article-body section{padding-inline-start:33px}.article-body h2{font-size:22px}}
