:root {
            --bg:#0b0b14; --bg2:#12122a; --card:#171a33; --card2:#0e1030;
            --neon:#b355ff; --blue:#00c8ff; --gold:#ffd60b; --pink:#ff4bed;
            --orange:#ff6b35; --green:#25d366; --txt:#e9e9f4; --mut:#bfc2d6;
            --max:1200px; --rad:12px; --sh:0 4px 12px rgba(0,0,0,.3);
        }
        *{margin:0;padding:0;box-sizing:border-box}
        html{scroll-behavior:smooth}
        body{
            background:radial-gradient(1200px 600px at 20% -10%,rgba(179,85,255,.25),transparent),radial-gradient(900px 500px at 100% 0,rgba(0,200,255,.2),transparent),linear-gradient(135deg,var(--bg),var(--bg2));
            color:var(--txt);font-family:'Poppins',system-ui,-apple-system,sans-serif;
            line-height:1.7;min-height:100vh;display:flex;flex-direction:column;
        }
        .container{max-width:var(--max);margin:0 auto;padding:0 12px}
        a{color:var(--gold);text-decoration:none;transition:all .3s}
        a:hover{color:#fff;text-shadow:0 0 12px rgba(255,214,11,.4)}
        img{max-width:100%;height:auto;display:block;object-fit:cover}

        /* HEADER */
        .header{position:sticky;top:0;z-index:1000;background:rgba(5,5,14,.96);backdrop-filter:blur(8px);border-bottom:1px solid rgba(255,255,255,.08);padding:6px 0}
        .header-inner{display:flex;flex-direction:column;align-items:center;gap:6px;position:relative}
        .logo a{display:flex;justify-content:center;filter:drop-shadow(0 0 20px rgba(255,216,106,.2))}
        .logo img{max-height:78px;width:auto;border-radius:14px;border:2px solid rgba(255,216,106,.3);transition:transform .3s}
        .logo img:hover{transform:scale(1.02)}
        .menu-toggle{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:36px;height:36px;border-radius:10px;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.05);color:#fff;font-size:17px;cursor:pointer;z-index:1001;display:flex;align-items:center;justify-content:center}
        .menu{display:none;position:absolute;right:6px;top:52px;min-width:190px;background:rgba(23,26,51,.98);border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:8px;flex-direction:column;z-index:1001;backdrop-filter:blur(4px)}
        .menu.active{display:flex}
        .menu a{color:var(--txt);font-weight:600;padding:10px 16px;border-radius:12px;font-size:.82rem;text-align:center;margin:3px 0;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);transition:all .3s}
        .menu a:hover{color:#fff;background:linear-gradient(135deg,var(--orange),var(--pink));border-color:transparent}

        /* HERO */
        .hero{text-align:center;padding:12px 0}
        .card{background:linear-gradient(160deg,var(--card),var(--card2));border:1px solid rgba(255,255,255,.08);border-radius:var(--rad);padding:18px 12px;box-shadow:var(--sh)}
        .hero-badge{display:inline-block;background:rgba(255,107,53,.15);border:1px solid var(--orange);padding:4px 16px;border-radius:50px;font-size:.7rem;font-weight:700;color:var(--orange);margin-bottom:8px;letter-spacing:.5px}
        .card h1{color:#fff;font-size:1.5rem;font-weight:900;margin-bottom:6px;line-height:1.2}
        .card h1 .accent{color:var(--orange)}.card h1 .accent-gold{color:var(--gold)}
        .card>p{color:var(--mut);font-size:.82rem;margin-bottom:10px;line-height:1.6}
        .hero-cta{display:flex;flex-direction:column;gap:8px;align-items:center;margin:12px 0}
        .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 22px;border-radius:50px;font-weight:700;text-decoration:none;font-size:.85rem;border:none;cursor:pointer;width:100%;max-width:280px;transition:all .3s;box-shadow:0 4px 15px rgba(0,0,0,.3)}
        .btn:hover{transform:translateY(-2px);box-shadow:0 6px 25px rgba(0,0,0,.4)}
        .btn-whatsapp{background:var(--green);color:#fff}.btn-whatsapp:hover{background:#1ebe5c}
        .btn-tel{background:#fff;color:var(--bg)}.btn-tel:hover{background:#f0f0f0}
        .btn-gold{background:linear-gradient(135deg,var(--gold),var(--orange));color:var(--bg);font-weight:800}
        .btn-gold:hover{background:linear-gradient(135deg,#ffe033,#ff7a4a)}
        .btn-neon{background:linear-gradient(135deg,var(--neon),var(--pink));color:#fff}
        .btn-neon:hover{background:linear-gradient(135deg,#c466ff,#ff6bed)}
        .card figure{margin:14px auto;max-width:100%;border:2px solid var(--pink);border-radius:14px;overflow:hidden;box-shadow:0 0 30px rgba(255,75,237,.1)}
        .card figure img{width:100%;transition:transform .5s}
        .card figure img:hover{transform:scale(1.02)}
        .live-notifications{display:flex;flex-direction:column;gap:6px;align-items:center;margin:10px 0}
        .live-notif{font-size:.7rem;color:var(--mut);background:rgba(255,107,53,.08);padding:4px 14px;border-radius:50px;border:1px solid rgba(255,107,53,.1)}
        .live-notif .time{color:var(--orange);font-weight:700}
        .hero-proof{display:inline-flex;align-items:center;gap:8px;font-size:.75rem;color:var(--mut);margin:8px 0;flex-wrap:wrap;justify-content:center}
        .hero-proof-dot{width:7px;height:7px;background:var(--green);border-radius:50%;animation:pulse-dot 1.5s infinite}
        @keyframes pulse-dot{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.7)}}

        /* SECTION */
        .section{background:linear-gradient(160deg,rgba(18,18,42,.88),rgba(14,14,32,.88));border:1px solid rgba(255,255,255,.06);border-radius:var(--rad);padding:18px 12px;margin:10px 0}
        .section h2{color:var(--gold);text-align:center;font-size:1.15rem;margin-bottom:12px;letter-spacing:.5px}
        .section h2 i{margin-right:8px;color:var(--orange)}
        .section h3{color:var(--orange);font-size:.95rem;margin:12px 0 6px}
        .section p{color:var(--mut);font-size:.8rem;margin-bottom:10px;line-height:1.6}
        .section ul{color:var(--mut);font-size:.78rem;margin:6px 0 10px 20px;line-height:1.6}
        .section ul li{margin-bottom:4px}

        .flex-row{display:flex;flex-direction:column;gap:14px;margin:12px 0}
        .flex-img{text-align:center}
        .flex-img img{max-width:280px;margin:0 auto;border-radius:14px;border:2px solid var(--neon);box-shadow:0 0 25px rgba(179,85,255,.15)}
        .img-caption{font-size:.7rem;color:var(--mut);font-style:italic;margin-top:5px;display:inline-block}
        .highlight-box{background:rgba(255,107,53,.08);border:1px solid var(--orange);border-radius:12px;padding:12px;text-align:center;margin:12px 0}
        .highlight-box strong{color:var(--orange)}

        .profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0}
        .profile-card{background:var(--card2);border-radius:12px;border:1px solid #2a2a4a;overflow:hidden;transition:all .3s}
        .profile-card:hover{transform:translateY(-4px);border-color:var(--gold);box-shadow:0 8px 30px rgba(255,214,11,.1)}
        .profile-img{width:100%;height:170px;object-fit:cover}
        .profile-info{padding:10px;text-align:center}
        .profile-info h4{color:#fff;font-size:.85rem;margin-bottom:2px}
        .profile-info p{color:var(--mut);font-size:.68rem;margin-bottom:2px;line-height:1.3}
        .profile-info .price{color:var(--gold);font-weight:800;font-size:.85rem;margin:4px 0}
        .profile-info .btn{font-size:.7rem;padding:7px 12px;max-width:100%}

        /* LONG CONTENT */
        .long-content-collapsed{max-height:280px;overflow:hidden;position:relative}
        .long-content-collapsed::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:60px;background:linear-gradient(transparent,rgba(14,14,32,.96))}
        .long-content-expanded{max-height:none;overflow:visible}
        .long-content-expanded::after{display:none}
        .read-more-btn{display:block;margin:10px auto 0;padding:10px 20px;background:linear-gradient(135deg,var(--neon),var(--blue));color:#fff;border:none;border-radius:50px;font-weight:700;font-size:.8rem;width:100%;max-width:230px;cursor:pointer;transition:all .3s}
        .read-more-btn:hover{transform:scale(1.03);box-shadow:0 0 30px rgba(0,200,255,.3)}

        /* SSS */
        .hide-links details{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);border-radius:10px;padding:8px 12px;margin-bottom:6px;cursor:pointer;transition:all .3s}
        .hide-links details[open]{background:rgba(0,200,255,.08);border-color:var(--blue)}
        .hide-links summary{font-weight:700;color:var(--orange);font-size:.82rem;cursor:pointer}
        .hide-links details p{margin-top:8px;font-size:.74rem;color:var(--mut);line-height:1.5;padding-left:4px}

        /* KATEGORI GRID - SITE HARITASI */
        .sitemap-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0}
        .sitemap-cat{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);border-radius:10px;padding:10px}
        .sitemap-cat h4{color:var(--gold);font-size:.8rem;margin-bottom:6px;border-bottom:1px solid rgba(255,215,0,.15);padding-bottom:4px}
        .sitemap-cat a{display:block;font-size:.7rem;color:var(--mut);padding:3px 0;transition:all .2s}
        .sitemap-cat a:hover{color:#fff;padding-left:4px}

        .cta-box{background:linear-gradient(135deg,#0e1030,#2a1b3d);border:2px solid var(--gold);border-radius:16px;padding:20px 14px;text-align:center;margin:16px 0}
        .cta-box h3{color:var(--gold);font-size:1.05rem;margin-bottom:6px}
        .cta-box p{color:var(--txt);font-size:.82rem;margin-bottom:12px}

        /* FOOTER */
        .footer{background:rgba(5,5,14,.92);border-top:1px solid rgba(255,255,255,.06);padding:28px 0 16px;margin-top:auto;text-align:center}
        .footer-inner{display:flex;flex-direction:column;align-items:center;gap:14px;padding:0 10px}
        .footer .logo img{max-height:72px;width:auto;border-radius:12px;border:1px solid rgba(255,214,11,.25)}
        .footer-trust{background:rgba(255,215,0,.04);border:1px solid rgba(255,215,0,.15);border-radius:12px;padding:12px;max-width:100%}
        .footer-trust i{color:var(--gold);font-size:1.1rem;margin-bottom:4px;display:block}
        .footer-trust p{color:#c0c5d6;font-size:.72rem;line-height:1.5}
        .triple{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
        .triple img{width:80px;height:54px;border-radius:10px;object-fit:contain;border:1px solid rgba(255,255,255,.06);transition:all .3s}
        .triple img:hover{transform:scale(1.05);border-color:var(--gold)}
        .footer-nav{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}
        .footer-nav a{color:var(--txt);font-weight:600;font-size:.7rem;padding:5px 10px;border-radius:12px;background:rgba(255,255,255,.03);transition:all .3s}
        .footer-nav a:hover{color:#fff;background:linear-gradient(135deg,var(--orange),var(--pink))}
        .footer p{color:#7a8194;font-size:.7rem;line-height:1.5}
        .footer p a{color:var(--gold)}
        .footer-disclaimer{font-size:.64rem!important;color:#5f6575!important;max-width:600px;margin:0 auto}

        /* FLOATING & CHAT */
        .floating-cta{position:fixed;bottom:14px;left:50%;transform:translateX(-50%);z-index:999;display:flex;gap:8px;width:calc(100% - 20px);max-width:360px}
        .floating-cta .btn{flex:1;padding:11px;font-size:.78rem;max-width:none;margin:0}
        .chat-bubble{position:fixed;bottom:95px;right:10px;z-index:998;max-width:260px;background:var(--card2);border-radius:14px;border:1px solid rgba(255,107,53,.25);overflow:hidden;display:none;box-shadow:0 8px 40px rgba(0,0,0,.5)}
        .chat-bubble.open{display:block}
        .cb-head{background:linear-gradient(135deg,#1a1a3a,#2a1b3d);padding:8px 12px;display:flex;align-items:center;gap:8px;position:relative}
        .cb-av{width:32px;height:32px;background:linear-gradient(135deg,var(--orange),var(--pink));border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.7rem;font-weight:700}
        .cb-meta strong{font-size:.72rem;color:#fff;display:block;line-height:1.2}.cb-meta span{font-size:.6rem;color:var(--green)}
        .cb-x{position:absolute;right:10px;background:none;border:none;color:var(--mut);cursor:pointer;font-size:.9rem;padding:4px}
        .cb-body{padding:10px 12px}
        .cb-msg{font-size:.7rem;margin-bottom:8px;color:var(--txt);line-height:1.4}
        .cb-body .btn{font-size:.7rem;padding:8px;max-width:100%;margin:0}

        @media(min-width:480px){
            .profile-grid{grid-template-columns:repeat(3,1fr);gap:10px}
            .profile-img{height:210px}
            .hero-cta{flex-direction:row;justify-content:center;flex-wrap:wrap}
            .hero-cta .btn{width:auto;max-width:210px}
            .card h1{font-size:1.9rem}
            .section h2{font-size:1.35rem}
            .sitemap-grid{grid-template-columns:repeat(2,1fr)}
        }
        @media(min-width:768px){
            .menu-toggle{display:none}
            .menu{display:flex !important;position:static;flex-direction:row;background:none;border:none;padding:0;min-width:auto;box-shadow:none;right:auto;top:auto;width:auto;backdrop-filter:none}
            .menu a{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);margin:0 4px;padding:8px 16px;font-size:.78rem;border-radius:30px}
            .menu a:hover{background:linear-gradient(135deg,var(--orange),var(--pink));border-color:transparent}
            .header-inner{flex-direction:row;justify-content:space-between;align-items:center;gap:15px;padding:0 8px}
            .logo{margin:0}
            .logo img{max-height:100px}
            .profile-grid{grid-template-columns:repeat(4,1fr);gap:14px}
            .profile-img{height:270px}
            .profile-info h4{font-size:1rem}.profile-info p{font-size:.75rem}
            .flex-row{flex-direction:row;align-items:center}.flex-img{flex:0 0 300px}
            .card{padding:28px 24px}.section{padding:22px 18px}
            .card>p{font-size:.92rem}.section p{font-size:.85rem}
            .live-notifications{flex-direction:row;gap:14px;flex-wrap:wrap;justify-content:center}
            .container{padding:0 20px}
            .sitemap-grid{grid-template-columns:repeat(3,1fr)}
        }
        @media(min-width:1024px){
            .profile-img{height:320px}
            .card h1{font-size:2.4rem}
            .section h2{font-size:1.6rem}
            .sitemap-grid{grid-template-columns:repeat(4,1fr)}
        }