.article-container{background:#02061080;border:1px solid var(--glass-border);border-radius:24px;padding:40px;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 20px 40px #00000080;margin-bottom:60px}.article-meta{display:flex;gap:20px;align-items:center;margin-bottom:20px;flex-wrap:wrap;font-family:Rajdhani,sans-serif;font-size:.95rem;color:var(--accent-cyan);text-transform:uppercase;letter-spacing:1px}.article-title{font-size:2.2rem;font-weight:700;margin-bottom:30px;line-height:1.3;color:#fff;text-shadow:0 0 10px rgba(0,240,255,.2)}.article-content{font-size:1.05rem;line-height:1.8;color:var(--text-muted);text-align:justify}.article-content p{margin-bottom:25px}.article-content strong{color:var(--text-main)}.article-content img{max-width:100%;border-radius:12px;margin:10px 0 25px}.article-content h2,.article-content h3{color:#fff;margin-bottom:15px}.article-content blockquote{border-left:3px solid var(--accent-cyan);padding-left:20px;margin:0 0 25px;color:var(--text-main);font-style:italic}.content-en,body[data-lang=en] .content-id{display:none}body[data-lang=en] .content-en{display:block}.back-btn{display:inline-flex;align-items:center;gap:10px;color:var(--accent-cyan);text-decoration:none;font-family:Rajdhani,sans-serif;font-size:1.1rem;text-transform:uppercase;font-weight:600;margin-bottom:30px;transition:.3s}.back-btn:hover{text-shadow:var(--shadow-cyan);transform:translate(-5px)}.article-galeri{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:15px;margin-bottom:40px}.article-galeri img,.article-galeri video{width:100%;height:180px;object-fit:cover;border-radius:12px;border:1px solid var(--glass-border)}.video-wrapper{position:relative;width:100%;margin-bottom:40px;border-radius:16px;overflow:hidden}.article-hero-img{width:100%;height:auto;max-height:600px;object-fit:cover;border-radius:16px;border:1px solid rgba(0,240,255,.2);margin-bottom:0;box-shadow:0 10px 30px #0009;background-color:#000;display:block}.play-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;background:#02061080;border:2px solid var(--accent-cyan);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;box-shadow:var(--shadow-cyan);z-index:10}.play-overlay i{color:var(--accent-cyan);font-size:2rem;margin-left:6px;transition:all .3s ease;text-shadow:var(--shadow-cyan)}.play-overlay:hover{background:#00f0ff33;box-shadow:0 0 30px var(--accent-cyan);transform:translate(-50%,-50%) scale(1.1)}.video-wrapper.playing .play-overlay{opacity:0;pointer-events:none;transform:translate(-50%,-50%) scale(.8)}.news-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:25px}.news-card{border-radius:20px;overflow:hidden;position:relative;border:1px solid var(--glass-border);cursor:pointer;aspect-ratio:16/9;text-decoration:none;display:block;color:inherit;box-shadow:0 10px 30px #00000080;transition:.4s}.news-card img{width:100%;height:100%;object-fit:cover;transition:.7s}.news-card:hover{border-color:var(--accent-cyan);box-shadow:0 15px 35px #000c,0 0 20px #00f0ff33;transform:translateY(-5px)}.news-card:hover img{transform:scale(1.08)}.news-overlay{position:absolute;bottom:0;left:0;width:100%;background:linear-gradient(0deg,#020610 0%,rgba(2,6,16,.8) 50%,transparent 100%);padding:30px 20px 20px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.news-overlay h4{font-size:1.05rem;margin-bottom:8px;font-weight:600;line-height:1.4;color:#fff;transition:.3s}.news-card:hover .news-overlay h4{color:var(--accent-cyan)}.news-overlay span{font-family:Rajdhani,sans-serif;font-size:.85rem;color:var(--accent-cyan);font-weight:600;letter-spacing:1px}@media(max-width:991px){.article-title{font-size:1.8rem}.article-hero-img{height:auto}}@media(max-width:768px){.article-container{padding:25px}.article-hero-img{height:auto}}