.codex-article{color:#edf3ff;background:#080d1d;min-height:100vh;font-family:inherit}.codex-topbar{border-bottom:1px solid #253254;justify-content:space-between;gap:20px;max-width:1120px;margin:auto;padding:27px 25px;display:flex}.codex-topbar a,.codex-footer a{color:#a5bcff;text-decoration:none}.codex-article article{max-width:1120px;margin:auto;padding:0 25px}.codex-cover{background:radial-gradient(at 80% 20%,#5a3fbd38,#0000 55%);border-bottom:1px solid #29355a;padding:105px 0 80px}.codex-kicker{color:#9aaeff;letter-spacing:.16em;font-size:12px;font-weight:800}.codex-cover h1{letter-spacing:-.055em;max-width:930px;margin:22px 0;font-size:clamp(44px,7vw,88px);line-height:1.04}.codex-cover h1 span{color:#0000;background:linear-gradient(100deg,#459cff,#ac62f4);-webkit-background-clip:text;background-clip:text}.codex-subtitle{color:#c5cfe7;max-width:830px;font-size:clamp(19px,2.4vw,27px);line-height:1.45}.codex-byline{color:#94a4c5;margin-top:35px}.codex-tags{flex-wrap:wrap;gap:10px;margin-top:24px;display:flex}.codex-tags span{color:#d1ddfa;border:1px solid #374c82;border-radius:30px;padding:9px 12px;font-size:12px}.codex-article section{max-width:850px;padding:48px 0}.codex-article section h2{letter-spacing:-.025em;margin:0 0 20px;font-size:clamp(28px,3vw,40px);line-height:1.2}.codex-article section p{color:#bfcbe2;margin:0 0 20px;font-size:17px;line-height:1.87}.codex-article section strong{color:#fff}.codex-article code{color:#c5d5ff;background:#172446;border-radius:5px;padding:2px 6px}.codex-article blockquote{color:#e3e8ff;background:#141c37;border-left:4px solid #8d64ed;margin:30px 0;padding:12px 25px;font-size:21px;line-height:1.5}.codex-article .codex-panel{max-width:none;padding:55px 0}.codex-pillars{grid-template-columns:repeat(2,1fr);gap:15px;display:grid}.codex-pillars>div{background:#101a34;border:1px solid #2d3b64;border-radius:16px;padding:28px}.codex-pillars span{color:#82a9ff;font-size:12px}.codex-pillars h3{margin:14px 0;font-size:21px}.codex-pillars p{font-size:15px;line-height:1.65}.codex-article .codex-conclusion{background:linear-gradient(130deg,#101c3e,#231a43);border:1px solid #49418e;border-radius:22px;max-width:none;margin:45px 0;padding:55px}.codex-footer{color:#9eafd1;border-top:1px solid #2c385b;justify-content:space-between;padding:35px 0 60px;display:flex}@media (max-width:640px){.codex-cover{padding:70px 0 45px}.codex-pillars{grid-template-columns:1fr}.codex-article section{padding:36px 0}.codex-article section p{font-size:16px}.codex-article .codex-conclusion{padding:30px 22px}.codex-footer{flex-direction:column;gap:12px}}