body{font-family:Poppins,sans-serif;background:#000;color:#e0f7ff;margin:0;padding:0}
.header{text-align:center;padding:1rem;border-bottom:2px solid #00e5ff;color:#00e5ff;font-weight:700;text-shadow:0 0 8px #00ffff}
.container{max-width:480px;margin:1rem auto;background:#0a0a14;padding:1rem;border:1px solid #00e5ff;border-radius:10px;box-shadow:0 0 15px #00e5ff}
.banner img{width:100%;height:auto;border-radius:8px;box-shadow:0 0 15px #00e5ff}
.btns{display:flex;justify-content:space-between;margin:1rem 0}
.btns a{width:48%;padding:0.8rem;text-align:center;font-weight:700;border-radius:6px;text-decoration:none;letter-spacing:1px;transition:all 0.3s}
.login{background:linear-gradient(90deg,#0033cc,#0099ff);color:#fff;box-shadow:0 0 12px #0099ff}
.login:hover{box-shadow:0 0 25px #00ffff}
.daftar{background:linear-gradient(90deg,#00e5ff,#33ffff);color:#000;font-weight:800;box-shadow:0 0 15px #33ffff}
.daftar:hover{box-shadow:0 0 25px #66ffff}
.box{border:1px solid #00e5ff;border-radius:6px;padding:0.8rem;margin-bottom:1rem;background:#00091a;box-shadow:inset 0 0 10px #00e5ff}
.box h3{color:#00e5ff;margin:0 0 0.3rem}
.tags span{display:inline-block;background:#001f33;border:1px solid #00e5ff;border-radius:20px;padding:0.3rem 0.8rem;margin:0.2rem;font-size:0.9rem}
.seo-box{border:1px solid #00e5ff;border-radius:6px;padding:1rem;margin-top:1rem;background:#00111f;box-shadow:0 0 12px #00e5ff}
.seo-box h2{color:#00e5ff;text-align:center;margin-bottom:0.5rem;text-shadow:0 0 10px #00ffff}
.seo-box p{line-height:1.5}
.seo-box ul{margin-left:1rem}
footer{text-align:center;padding:1rem;font-size:0.85rem;color:#66ccff;border-top:1px solid #002b36;margin-top:1rem}
@media(max-width:480px){.container{margin:1rem}}