:root{--bg:#0b0b14;--bg2:#12122a;--card:#171a33;--card2:#0e1030;--neon:#b355ff;--blue:#00c8ff;--gold:#ffd60b;--pink:#ff4bed;--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,Segoe UI,Roboto,sans-serif;line-height:1.6;min-height:100vh;display:flex;flex-direction:column}
        a{color:var(--gold);text-decoration:none}
        a:hover,a:focus{text-decoration:underline;color:var(--neon)}
        img{max-width:100%;height:auto;display:block;object-fit:cover}
        .container{max-width:var(--max);margin:0 auto;padding:0 10px}
        .header{position:sticky;top:0;z-index:1000;background:rgba(5,5,14,.9);backdrop-filter:blur(5px);border-bottom:1px solid rgba(255,255,255,.1)}
        .header-inner{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px;padding:14px 0}
        .logo a{display:inline-flex;align-items:center;justify-content:center;filter:drop-shadow(0 0 18px rgba(255,216,106,.25))}
        .logo img{max-height:120px;height:auto;width:auto;border-radius:14px;border:2px solid rgba(255,216,106,.35)}
        .menu-toggle{position:absolute;right:10px;top:10px;width:36px;height:36px;border-radius:12px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.05);color:#fff;font-size:18px;cursor:pointer;transition:all .2s ease}
        .menu-toggle:hover{border-color:var(--neon);transform:scale(1.05)}
        .menu{display:none;position:absolute;right:10px;top:56px;min-width:180px;background:linear-gradient(180deg,rgba(23,26,51,.9),rgba(14,16,48,.9));border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:6px;gap:2px;flex-direction:column;box-shadow:var(--sh);z-index:1001}
        .menu.active{display:flex}
        .triple{display:flex;justify-content:center;gap:6px;flex-wrap:wrap;margin-top:6px}
        .triple a{display:inline-block;border-radius:12px;overflow:hidden;transition:all .2s ease}
        .triple a:hover{transform:scale(1.05)}
        .triple img{width:150px;height:150px;object-fit:contain;border-radius:12px}
        .hero{margin:10px auto;text-align:center}
        .card{background:linear-gradient(180deg,var(--card),var(--card2));border:1px solid rgba(255,255,255,.1);border-radius:12px;box-shadow:var(--sh);padding:10px}
        .card h1{color:#fff;font-size:clamp(1.2rem,4vw,1.8rem);letter-spacing:.1px;text-shadow:0 0 8px rgba(var(--neon),.3),0 0 12px rgba(var(--blue),.2)}
        .card p{max-width:900px;margin:8px auto 0;color:var(--mut);word-wrap:break-word;font-size:clamp(.7rem,2vw,.9rem);overflow-wrap:break-word}
        .footer{background:rgba(5,5,14,.9);border-top:1px solid rgba(255,255,255,.1);margin-top:auto}
        .footer-inner{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:20px;padding:12px 0;flex-wrap:wrap}
        .footer .logo img{max-height:90px;border-radius:12px;border:1px solid rgba(255,214,11,.3)}
        .footer p{color:#b8b0d0;font-size:clamp(.6rem,2vw,.9rem);text-align:center;max-width:900px}
        .footer .triple{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}
        .footer .triple a:hover img{filter:drop-shadow(0 0 10px rgba(var(--neon),.4))}
        
        @media(max-width:768px){
            .card h1{font-size:1.4rem}
            .menu-toggle{top:8px;right:8px;width:30px;height:30px;font-size:16px}
            .triple{gap:4px}
            .triple img{max-width:130px}
            .card p{font-size:.8rem}
            .footer-inner{flex-direction:column;align-items:center}
        }

        /* SITEMAP STİLLERİ */
        .sitemap-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 15px; margin: 20px 0; }
        .sitemap-box { background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.1); border-radius: 12px; padding: 15px; }
        .sitemap-box h2 { color: var(--gold); border-bottom: 1px solid var(--neon); padding-bottom: 5px; margin-bottom: 10px; font-size: 1.2rem; display: flex; align-items: center; gap: 8px; }
        .sitemap-list { list-style: none; padding: 0; }
        .sitemap-list li { margin-bottom: 5px; }
        .sitemap-list a { display: block; padding: 5px; color: var(--txt); border-bottom: 1px solid rgba(255,255,255,.05); transition: 0.2s; font-size: 0.9rem; }
        .sitemap-list a:hover { color: var(--pink); padding-left: 5px; }
        .sitemap-list i { color: var(--blue); margin-right: 5px; width: 15px; text-align: center; }