: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(50% 50% at 20% -10%,rgba(179,85,255,.2),transparent),radial-gradient(40% 40% at 100% 0,rgba(0,200,255,.15),transparent),linear-gradient(135deg,#0b0b14,#12122a);color:#e9e9f4;font-family:Poppins,sans-serif;line-height:1.6;min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden}a{color:#ffd60b;text-decoration:none}a:hover,a:focus{text-decoration:underline}img{max-width:100%;height:auto;display:block;object-fit:cover}.container{max-width:1200px;margin:0 auto;padding:0 10px;overflow:hidden}.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:8px;padding:10px 0}.logo a{display:inline-flex;align-items:center;justify-content:center}.logo img{max-height:90px;height:auto;width:auto;border-radius:12px}@media (max-width:768px){.logo img{max-height:70px}}.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:#b355ff;transform:scale(1.05)}@media (max-width:768px){.menu-toggle{right:5px;top:5px;width:30px;height:30px;font-size:16px}}.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:0 4px 12px rgba(0,0,0,.3);z-index:1001}.menu.active{display:flex !important}.menu a{padding:8px 12px;border-radius:8px;color:#e9e9f4;white-space:nowrap;font-size:14px;transition:all .2s ease}.menu a:hover{background:rgba(255,255,255,.1);color:#b355ff}.triple{display:flex;justify-content:center;gap:6px;flex-wrap:wrap;margin-top:6px;padding:0}.triple a{display:inline-block;border-radius:12px;overflow:hidden;transition:all .2s ease}.triple img{width:100%;height:auto;max-width:120px;object-fit:contain;border-radius:12px}.hero{margin:10px auto 0;text-align:center}.card{background:linear-gradient(180deg,#171a33,#0e1030);border:1px solid rgba(255,255,255,.1);border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.3);padding:10px;text-align:center}.card h1{color:#fff;font-size:clamp(1.2rem,4vw,1.8rem);letter-spacing:.1px;text-shadow:0 0 8px rgba(179,85,255,.3)}.card p{max-width:900px;margin:8px auto 0;color:#bfc2d6;word-wrap:break-word;font-size:clamp(.7rem,2vw,.9rem);overflow-wrap:break-word}.card figure{margin:10px auto;max-width:600px;border:2px solid #ffd60b;border-radius:15px;overflow:hidden;box-shadow:0 6px 20px rgba(255,214,11,0.4)}.toc .box{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:8px}.toc ul{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:6px}.section{background:linear-gradient(180deg,rgba(18,18,42,.85),rgba(14,14,32,.85));border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:8px;margin:8px auto}.section h2{color:#ffd60b;text-align:center;margin:4px 0 6px;font-size:clamp(1.1rem,3vw,1.4rem)}.custom-table{width:100%;border-collapse:collapse;margin:5px 0;background:#1a1f40;border-radius:12px;overflow:hidden}.custom-table th,.custom-table td{padding:10px;text-align:center;color:#e9e9f4;border-bottom:1px solid rgba(255,255,255,.1)}.sidebar{background:rgba(23,26,51,.9);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:8px;margin:8px auto}.footer{background:rgba(5,5,14,.9);border-top:1px solid rgba(255,255,255,.1);margin-top:auto}.faq-section{margin:6px 0;background:rgba(14,16,48,.9);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:6px}.related-posts{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px;margin:6px 0}.related-posts .post{background:rgba(23,26,51,.9);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:6px;text-align:center}