.article-container[data-v-d155071b]{margin:0 auto;max-width:900px;padding:100px 10%}.article-header[data-v-d155071b]{margin-bottom:50px;text-align:center}.meta[data-v-d155071b]{display:flex;font-size:1rem;gap:20px;justify-content:center;margin-bottom:20px}.category[data-v-d155071b]{font-weight:700;text-transform:uppercase}.category.programming[data-v-d155071b]{color:var(--accent-cyan)}.category.creative[data-v-d155071b]{color:var(--accent-pink)}.date[data-v-d155071b]{color:#888}.title[data-v-d155071b]{background:linear-gradient(90deg,#fff,#ccc);-webkit-background-clip:text;font-size:3rem;line-height:1.2;margin-bottom:20px;-webkit-text-fill-color:transparent}.tags[data-v-d155071b]{display:flex;gap:10px;justify-content:center;margin-bottom:40px}.tag[data-v-d155071b]{background:#ffffff1a;border-radius:20px;font-size:.9rem;padding:5px 15px}.hero-image img[data-v-d155071b]{border:1px solid hsla(0,0%,100%,.1);border-radius:20px;box-shadow:0 0 30px #00000080;width:100%}.content-body[data-v-d155071b]{background:#ffffff05;border:1px solid hsla(0,0%,100%,.05);border-radius:20px;padding:50px}.footer-nav[data-v-d155071b]{margin-top:60px;text-align:center}.back-btn[data-v-d155071b]{border:2px solid var(--accent-cyan);border-radius:50px;color:var(--accent-cyan);display:inline-block;font-weight:700;padding:15px 40px;transition:.3s}.back-btn[data-v-d155071b]:hover{background:var(--accent-cyan);box-shadow:0 0 20px var(--accent-cyan);color:#000}.not-found[data-v-d155071b]{padding:100px;text-align:center}[data-v-d155071b] .content-body h1,[data-v-d155071b] .content-body h2{color:var(--accent-yellow);margin-bottom:20px;margin-top:40px}[data-v-d155071b] .content-body h2{border-bottom:2px solid hsla(0,0%,100%,.1);font-size:1.8rem;padding-bottom:10px}[data-v-d155071b] .content-body p{color:#ddd;font-size:1.1rem;line-height:1.8;margin-bottom:20px}[data-v-d155071b] .content-body ul{color:#ddd;list-style:disc;margin-bottom:20px;padding-left:20px}[data-v-d155071b] .content-body li{margin-bottom:10px}[data-v-d155071b] .content-body a{color:var(--accent-cyan);font-weight:700;text-decoration:underline}[data-v-d155071b] .content-body img{border:1px solid hsla(0,0%,100%,.1);border-radius:12px;box-shadow:0 10px 30px #00000080;height:auto;margin:30px 0;max-width:100%;transition:all .3s ease}[data-v-d155071b] .content-body img:hover{border-color:var(--accent-cyan);box-shadow:0 0 20px var(--accent-cyan);transform:scale(1.02)}[data-v-d155071b] pre{background:#1a1a2e!important;border:1px solid hsla(0,0%,100%,.1);border-radius:8px;box-shadow:0 5px 20px #0000004d;font-family:Consolas,Monaco,Courier New,monospace;margin:30px 0;overflow-x:auto;padding:20px;position:relative}[data-v-d155071b] pre:before{color:#ffffff4d;content:"CODE";font-size:.7rem;font-weight:700;position:absolute;right:10px;top:0}[data-v-d155071b] code{color:#e0e0e0;font-family:inherit;font-size:.95rem}[data-v-d155071b] li code,[data-v-d155071b] p code{background:#ff2e6333;border-radius:4px;color:var(--accent-pink);font-size:.9em;font-weight:700;padding:2px 6px}