:root{--bg:#000;--card:#111;--text:#fff;--text2:#aaa;--border:#333;--gold-light:#ffe98a;--gold:#ffc107;--blue:#0e00b3;--red:#750000}html{scroll-behavior:smooth}*{box-sizing:border-box;margin:0;padding:0}body{font-family:"Segoe UI",Arial,Helvetica,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;max-width:960px;margin:auto;overflow-x:hidden;text-rendering:optimizeSpeed;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}p{text-align:justify;color:var(--text2)}ul{list-style:none}img{max-width:100%;height:auto;display:block}.container{max-width:960px;margin:auto;padding:0 10px}header,nav,.hero,{transform:translateZ(0)}header{background:var(--card);padding:10px;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:1000;min-height:64px;border-bottom:1px solid var(--border);will-change:transform}.logo{width:120px;height:40px;flex-shrink:0}.logo img{width:120px;height:40px;object-fit:contain}.hero{text-align:center;padding:20px 10px;display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:520px}.hero h1{font-size:1.5rem;text-transform:uppercase;color:#fff}.hero-text{width:100%;max-width:400px;color:var(--text2);font-size:18px;line-height:1.7}.hero-image{width:100%;max-width:400px;aspect-ratio:1 / 1;overflow:hidden;border-radius:25px;flex-shrink:0}.hero-image img{width:100%;height:100%;object-fit:cover;border-radius:25px;transform:translateZ(0)}.btn-daftar,.btn-login{display:inline-flex;align-items:center;justify-content:center;min-height:48px}.btn-daftar{background:var(--blue);color:#fff;padding:10px;font-weight:700;border-radius:5px;margin-top:20px;width:45%}.btn-login{background:var(--red);color:#fff;padding:10px;font-weight:700;border-radius:5px;margin-top:20px;width:45%}.btn-daftar:hover,.btn-login:hover{background:#000;border:1px solid #aaa}.section-title{text-align:center;font-size:1.5rem;margin:50px 0 25px;text-transform:uppercase;border-top:1px solid #aaa;border-bottom:1px solid #aaa;display:inline-block;padding:10px 0;width:100%;font-weight:700}.bank-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:15px}.bank-item{background:var(--card);border:1px solid var(--border);padding:10px 0;text-align:center;display:flex;align-items:center;justify-content:center;border-radius:8px;min-height:70px}.bank-item img{width:130px;height:41px;max-width:100%;object-fit:contain;filter:grayscale(100%)}.article-card{background:var(--card);padding:16px;border:1px solid var(--border);border-radius:8px;content-visibility:auto;contain-intrinsic-size:500px}.article-card ul{list-style:disc;padding-left:20px;color:var(--text2)}.article-card li{margin-bottom:8px}footer{background:var(--card);padding:10px 20px;text-align:center;border-top:1px solid var(--border);color:var(--text2);margin-top:50px}.footer-menu{display:flex;justify-content:center;gap:20px}.footer-menu a{color:#fff}@media (max-width:768px){.hero{flex-direction:column;min-height:auto;gap:16px}.hero-image{max-width:100%}.hero h1{font-size:28px;line-height:1.3}.hero p{font-size:14px}.section-title{font-size:20px;margin:25px 0}.btn-daftar,.btn-login{width:48%}}.popup-overlay{position:fixed;inset:0;contain:layout paint;isolation:isolate;width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:15px;z-index:9999;background:#000;overflow-y:auto}.popup-box{width:100%;max-height:100vh;position:relative;animation:popupShow .35s ease}.card-popup{width:100%;padding:20px;background:linear-gradient(145deg,rgb(17 17 17 / .95),rgb(5 5 5 / .98));border-radius:25px;border:1px solid #ffffff35;box-shadow:0 0 40px #ffffff24;text-align:center;overflow:hidden}.hero-popup{display:block;min-height:auto}.banner-popup{width:100%;height:auto;margin:auto;display:block;border-radius:18px;object-fit:cover}.buttons-popup{display:flex;gap:15px;margin-top:15px;flex-wrap:wrap}.btn-popup{flex:1;min-width:45%;padding:15px;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:900;color:#111;border-radius:15px;transition:.3s}.btn-popup:hover{transform:translateY(-4px) scale(1);box-shadow:0 0 10px rgb(255 255 255 / .8)}@keyframes popupShow{from{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@media(max-width:480px){.popup-overlay{padding:10px}.card-popup{padding:15px}.buttons-popup{flex-direction:column}.btn-popup{width:100%;min-width:100%}.banner-popup{border-radius:15px}}.popup-overlay{content-visibility:visible}@media (min-width:769px){.popup-box{max-width:450px}}@media (max-width:768px){.popup-box{width:100%}}html,body{max-width:100%;overflow-x:hidden}.copyright{text-align:center;padding-top:10px}.popup-title{display:none}