: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:var(--txt);font-family:sans-serif;line-height:1.6;min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden}a{color:var(--gold);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto;display:block;object-fit:cover}.container{max-width:var(--max);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:var(--rad)}@media (max-width:768px){.logo img{max-height:70px}}.menu-toggle{position:absolute;right:10px;top:10px;width:36px;height:36px;border-radius:var(--rad);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;display:flex;align-items:center;justify-content:center}.menu-toggle:hover{border-color:var(--neon);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:var(--rad);padding:6px;gap:2px;flex-direction:column;box-shadow:var(--sh);z-index:1001}.menu.active{display:flex}@media (max-width:768px){.menu{right:5px;top:45px;min-width:140px;gap:2px}.menu a{padding:6px 10px;font-size:12px}}.menu a{padding:8px 12px;border-radius:8px;color:var(--txt);white-space:nowrap;font-size:14px;transition:all .2s ease}.menu a:hover{background:rgba(255,255,255,.1);color:var(--neon)}.triple{display:flex;justify-content:center;gap:6px;flex-wrap:wrap;margin-top:6px;padding:0}.triple a{display:inline-block;border-radius:var(--rad);overflow:hidden;transition:all .2s ease}.triple a:hover{transform:scale(1.05)}.triple img{width:100%;height:auto;max-width:120px;object-fit:contain;border-radius:var(--rad)}@media (max-width:768px){.triple img{max-width:80px}}.hero{margin:10px auto 0;text-align:center}.card{background:linear-gradient(180deg,var(--card),var(--card2));border:1px solid rgba(255,255,255,.1);border-radius:var(--rad);box-shadow:var(--sh);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:var(--mut);word-wrap:break-word;font-size:clamp(.7rem,2vw,.9rem);overflow-wrap:break-word}.card .image-frame{display:flex;flex-direction:column;gap:12px;margin:15px auto;max-width:600px;overflow:hidden;border-radius:15px;box-shadow:0 6px 20px rgba(255,214,11,0.4);transition:all .3s ease}.card .image-frame:hover{box-shadow:0 8px 25px rgba(255,214,11,0.5)}.img-item{overflow:hidden;border:2px solid var(--gold);border-radius:12px;transition:transform .3s ease}.img-item:hover{transform:scale(1.03)}.img-item img{width:100%;height:auto;object-fit:cover;display:block}@media (max-width:768px){.card .image-frame{max-width:100%;gap:8px}.img-item{border-radius:10px}}.toc{margin:10px auto}.toc .box{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:var(--rad);padding:8px}.toc h2{text-align:center;color:#fff;font-size:clamp(.9rem,2.5vw,1.2rem);margin-bottom:6px;text-transform:uppercase}.toc ul{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:6px}.toc li a{display:block;padding:8px 12px;border-radius:var(--rad);background:rgba(255,255,255,.03);color:var(--txt);border:1px solid rgba(255,255,255,.05);transition:all .2s ease}.toc li a:hover{background:rgba(255,255,255,.1);color:var(--neon);transform:translateY(-2px);box-shadow:0 2px 4px rgba(0,0,0,.2)}.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:var(--rad);box-shadow:var(--sh);padding:8px;margin:8px auto}.section h2{color:var(--gold);text-align:center;margin:4px 0 6px;font-size:clamp(1.1rem,3vw,1.4rem);text-shadow:0 0 4px rgba(255,216,106,.2)}.section h3{color:var(--blue);margin:6px 0 4px;font-size:clamp(.8rem,2.5vw,1.1rem);font-weight:600}.section h4{color:var(--pink);margin:6px 0 4px;font-size:clamp(.7rem,2.2vw,1rem)}.section ul{list-style:none;padding-left:20px}.section ul li{position:relative;padding-left:15px;margin:4px 0}.section ul li:before{content:"*";position:absolute;left:0;color:var(--gold);font-size:.9em}.section p{text-align:justify;margin:4px 0;word-wrap:break-word;max-width:100%;font-size:clamp(.6rem,2vw,.85rem);overflow-wrap:break-word}.note{background:rgba(255,214,11,.1);border:1px solid rgba(255,214,11,.3);border-left:3px solid var(--gold);padding:5px;border-radius:var(--rad);margin:5px 0;box-shadow:inset 0 0 6px rgba(255,216,106,.05)}.custom-table{width:100%;border-collapse:collapse;margin:5px 0;background:#1a1f40;border-radius:var(--rad);overflow:hidden}.custom-table th,.custom-table td{padding:10px;text-align:center;color:var(--txt);border-bottom:1px solid rgba(255,255,255,.1)}.custom-table th{background:#2a3d6e;color:#e9f8ff;font-weight:700;text-transform:uppercase}.custom-table tr:nth-child(even){background:#1e2a5e}.custom-table tr:hover{background:#2e3f7e}@media (max-width:768px){.custom-table{display:block;overflow-x:auto}}.footer{background:rgba(5,5,14,.9);border-top:1px solid rgba(255,255,255,.1);margin-top:auto;padding:20px 0}.footer-inner{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 0}.footer .logo img{max-height:90px;height:auto;width:auto;border-radius:var(--rad);border:1px solid rgba(255,214,11,.3)}@media (max-width:768px){.footer .logo img{max-height:70px}}.footer p{color:#b8b0d0;font-size:clamp(.7rem,1.5vw,.9rem);text-align:center;max-width:900px;line-height:1.4}.footer .triple a:hover img{filter:drop-shadow(0 0 10px rgba(179,85,255,.4))}.faq-section{margin:6px 0;background:rgba(14,16,48,.9);border:1px solid rgba(255,255,255,.1);border-radius:var(--rad);padding:6px;box-shadow:var(--sh)}.faq-section h2{color:var(--gold);text-align:center;margin-bottom:6px;text-shadow:0 0 4px rgba(255,216,106,.2)}.faq-section details{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.05);border-radius:var(--rad);padding:4px;margin-bottom:4px;transition:all .2s ease}.faq-section details:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.1)}.faq-section details[open]{background:rgba(0,200,255,.1);border-color:var(--blue)}.faq-section summary{font-weight:600;color:var(--txt);cursor:pointer;padding:2px 4px}.faq-section p{margin-top:2px;color:var(--mut);padding-left:4px;font-size:clamp(.5rem,1.5vw,.8rem)}@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:80px}.card p,.section p{font-size:.8rem}.custom-table td,.custom-table th{padding:6px;font-size:.7rem}.menu{right:5px;top:45px;min-width:140px}.menu a{padding:6px 10px;font-size:12px}}