*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}html,body{font-family:Inter,"Segoe UI",Arial,sans-serif;background:#0d0d0d;color:#f5f5f5;line-height:1.6}a{color:#d4005b;text-decoration:none;transition:color .25s}a:hover{color:#ff5f5f}.header{display:flex;justify-content:space-between;align-items:center;padding:18px 5%;border-bottom:1px solid #1f1f1f;background:#0b0b0b;position:sticky;top:0;z-index:10}.logo img{height:40px;width:auto}.header nav a{margin-left:20px;font-weight:500;color:#eee}.header nav a:hover{color:#ff4040}.nav-toggle{display:none;border:1px solid #333;border-radius:5px;background:#171717;color:#eee;padding:7px 11px}.search-wrap{text-align:center;padding:60px 15px 40px;background:linear-gradient(to bottom,#111,#0d0d0d)}.hero h1{font-size:1.9rem;font-weight:700;margin-bottom:25px}.searchbox{display:flex;justify-content:center;align-items:center;gap:10px;max-width:600px;margin:0 auto 30px}.searchbox input{flex:1;padding:10px 14px;border:1px solid #333;border-radius:6px;background:#1a1a1a;color:#fff}.searchbox input:focus{outline:none;border-color:#d4005b}.searchbox button{padding:10px 20px;background:#d4005b;border:0;border-radius:6px;color:#fff;font-weight:600;cursor:pointer}.searchbox button:hover{background:#ff5555}.badge{display:inline-flex;align-items:center;gap:6px;background:#1a1a1a;color:#d4005b;border:1px solid #2b2b2b;border-radius:999px;padding:8px 16px;font-size:.9rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.badge:hover{background:#d4005b;color:#fff}.controls{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:40px auto 20px;padding:0 20px}.controls select,.controls input{background:#1a1a1a;color:#fff;border:1px solid #333;border-radius:6px;padding:10px 12px;min-width:140px}.controls select:focus,.controls input:focus{outline:none;border-color:#d4005b}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:25px;padding:0 5% 60px}.card{background:#141414;border-radius:10px;overflow:hidden;transition:transform .3s,box-shadow .3s}.card img{width:100%;aspect-ratio:2/3;object-fit:cover;display:block}.card:hover{transform:translateY(-5px);box-shadow:0 4px 14px rgba(255,60,60,.25)}.card .meta{padding:10px 12px 16px}.card h4{margin-bottom:4px;font-size:1rem;color:#f5f5f5}.card p{font-size:.85rem;color:#bbb}.empty{grid-column:1/-1;text-align:center;color:#aaa;padding:45px}.social{text-align:center;margin:40px 0;display:flex;justify-content:center;gap:16px}.social a{display:inline-flex;align-items:center;justify-content:center;background:#1a1a1a;border-radius:50%;width:38px;height:38px;color:#d4005b;font-weight:700}.social a:hover{background:#d4005b;color:#fff;transform:scale(1.1)}.about{max-width:900px;margin:0 auto 60px;padding:0 20px}.about section{margin-bottom:34px}.about h2{font-size:1.6rem;color:#d4005b;margin-bottom:20px}.about h3{margin-top:25px;font-size:1.2rem;color:#ff5a5a}.about p{margin-bottom:16px;color:#ddd}.about ul,.about ol{margin:15px 0 20px;padding:0;list-style:none}.about li{margin:7px 0;padding-left:22px;position:relative}.about li:before{content:"◆";position:absolute;left:0;top:2px;color:#d4005b;font-size:11px}.aligncenter{max-width:100%;height:auto;display:block;margin:auto}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;margin:30px 0;font-size:16px;background:#0f172a;color:#f1f5f9;border-radius:12px;overflow:hidden;box-shadow:0 4px 15px rgba(0,0,0,.4)}th{padding:14px 18px;font-weight:600;text-align:left;color:#fff;background:linear-gradient(90deg,#1e3a8a,#3b82f6)}tr{border-bottom:1px solid rgba(255,255,255,.08)}tr:nth-child(even){background:rgba(255,255,255,.03)}td{padding:14px 18px;color:#e2e8f0}.footer{background:#0a0a0a;border-top:1px solid #1e1e1e;padding:40px 5%;color:#bbb}.footer .cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:25px}@media(max-width:650px){.header{padding:14px 18px}.nav-toggle{display:block}.header nav{display:none;position:absolute;left:0;right:0;top:69px;padding:12px 18px;background:#0b0b0b;border-bottom:1px solid #222}.header nav.open{display:flex;flex-direction:column}.header nav a{margin:0;padding:9px 0}.search-wrap{padding-top:42px}.hero h1{font-size:1.45rem}.searchbox{align-items:stretch;flex-direction:column}.searchbox button{min-height:43px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:0 18px 40px}.card h4{font-size:.9rem}.card p{font-size:.72rem}.about{padding:0 18px}.about h2{font-size:1.35rem}}