.latest-page{min-height:100vh;display:flex;flex-direction:column}.latest-container{max-width:900px;margin:0 auto;padding:100px 40px;flex:1}.latest-container h1{font-size:3.5rem;font-weight:900;margin-bottom:24px;background:var(--brand-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.page-intro{font-size:1.2rem;color:var(--text-dim);margin-bottom:60px;line-height:1.6}.loading,.error{text-align:center;padding:60px 20px;font-size:1.2rem;color:var(--text-dim)}.error{color:#ff6b6b}.articles-grid{display:grid;gap:40px}.article-card{background:#ffffff08;border:1px solid var(--border-color);border-radius:16px;padding:32px;transition:all .3s ease}.article-card:hover{border-color:#00d4ff80;background:#ffffff0d;transform:translateY(-2px)}.article-card h2{font-size:1.8rem;font-weight:700;margin-bottom:16px}.article-card h2 a{color:var(--accent-blue);text-decoration:none}.article-card h2 a:hover{text-decoration:underline}.article-meta{display:flex;gap:16px;font-size:.9rem;color:var(--text-dim);margin-bottom:16px;flex-wrap:wrap}.article-description{color:var(--text-dim);line-height:1.7;margin-bottom:16px}.article-tags{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.tag{background:#00d4ff1a;color:var(--accent-blue);padding:4px 12px;border-radius:12px;font-size:.85rem;font-weight:600}.read-more{color:var(--accent-blue);text-decoration:none;font-weight:600}.read-more:hover{text-decoration:underline}.back-to-list{display:inline-block;margin-top:16px;color:var(--accent-blue);text-decoration:none;font-weight:600;font-size:.95rem;transition:transform .2s ease}.back-to-list:hover{text-decoration:underline;transform:translate(-4px)}.article-detail{margin-top:40px}.article-header{margin-bottom:40px;padding-bottom:24px;border-bottom:1px solid var(--border-color)}.article-header h1{font-size:3rem;font-weight:900;margin-bottom:20px;color:var(--text-primary)}.article-content{font-size:1.1rem;line-height:1.8;color:var(--text-dim)}.article-content h2{font-size:2rem;font-weight:700;margin-top:48px;margin-bottom:20px;color:var(--accent-blue)}.article-content h3{font-size:1.5rem;font-weight:600;margin-top:36px;margin-bottom:16px;color:var(--text-primary)}.article-content p{margin-bottom:20px}.article-content code{background:#00d4ff1a;padding:2px 6px;border-radius:4px;font-family:Courier New,monospace;font-size:.9em}.article-content pre{background:#0000004d;padding:20px;border-radius:8px;overflow-x:auto;margin:24px 0}.article-content pre code{background:none;padding:0}.article-content a{color:var(--accent-blue);text-decoration:none}.article-content a:hover{text-decoration:underline}.article-content img{max-width:100%;height:auto;border-radius:8px;margin:24px 0}.author-bio{margin-top:60px;padding-top:40px;border-top:1px solid var(--border-color)}.author-bio h3{font-size:1.3rem;font-weight:700;margin-bottom:12px;color:var(--text-primary)}.article-cta{margin-top:60px;text-align:center;padding:40px;background:#00d4ff0d;border-radius:16px;border:1px solid rgba(0,212,255,.2)}.cta-button{display:inline-block;padding:16px 40px;background:var(--brand-gradient);color:#000;text-decoration:none;border-radius:12px;font-weight:700;font-size:1.1rem;transition:transform .2s ease,box-shadow .2s ease}.cta-button:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00d4ff4d}.no-articles{text-align:center;padding:60px 20px;color:var(--text-dim)}@media(max-width:768px){.latest-container{padding:60px 20px}.latest-container h1{font-size:2.5rem}.article-header h1{font-size:2rem}.article-card{padding:24px}}
