: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}.card figure{margin:10px auto;max-width:600px;border:2px solid var(--gold);border-radius:15px;overflow:hidden;box-shadow:0 6px 20px rgba(255,214,11,.4)}.card figure:hover{transform:scale(1.03);box-shadow:0 8px 25px rgba(255,214,11,.5)}.card figure img{width:100%;height:auto;object-fit:cover}.kiss-image{margin:10px auto;max-width:600px;border:2px solid var(--pink);border-radius:15px;overflow:hidden;box-shadow:0 6px 20px rgba(255,79,237,.4)}.kiss-image:hover{transform:scale(1.05) rotate(2deg);box-shadow:0 10px 30px rgba(255,79,237,.6),0 0 20px rgba(var(--pink),.5)}.kiss-image img{width:100%;height:auto;object-fit:cover;filter:brightness(1.1)}.kiss-image:hover img{filter:brightness(1.3) drop-shadow(0 0 10px var(--pink))}.toc{margin:10px auto}.toc .box{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:12px;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(220px,1fr));gap:6px}.toc li a{display:block;padding:8px 12px;border-radius:12px;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:12px;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 p{text-align:justify;margin:4px 0;word-wrap:break-word;max-width:100%;font-size:clamp(.6rem,2vw,.85rem);overflow-wrap:break-word}.info{background:rgba(255,214,11,.1);border:1px solid rgba(255,214,11,.3);border-left:3px solid var(--gold);padding:5px;border-radius:12px;margin:5px 0;box-shadow:inset 0 0 6px rgba(255,216,106,.05)}.section ul{margin:6px 0 8px 18px}.section li{margin:5px 0}.testi{border-left:3px solid var(--blue);background:rgba(0,200,255,.1);padding:5px;border-radius:12px;margin:5px 0;box-shadow:inset 0 0 6px rgba(0,200,255,.05)}.hide-links details{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:4px;margin-bottom:4px;transition:all .2s ease}.hide-links details:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.1)}.hide-links details[open]{background:rgba(0,200,255,.1);border-color:var(--blue)}.table{width:100%;border-collapse:collapse;margin:5px 0;background:#1a1f40;border-radius:12px;overflow:hidden}.table th,.table td{padding:10px;text-align:center;color:var(--txt);border-bottom:1px solid rgba(255,255,255,.1)}.table th{background:#2a3d6e;color:#e9f8ff;font-weight:700;text-transform:uppercase}.table tr:nth-child(even){background:#1e2a5e}.table tr:hover{background:#2e3f7e}.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,.section p{font-size:.8rem}.footer-inner{flex-direction:column;align-items:center}}@keyframes flicker{0%,100%{opacity:1}50%{opacity:.7}}.neon-icon{color:var(--pink);animation:flicker 1.5s infinite}