*{box-sizing:border-box}body{margin:0;background:#120b14;color:#f0e4f8;scroll-behavior:smooth;overflow-x:hidden;scrollbar-gutter:stable;font-size:16px;font-family:Consolas,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,courier new,monospace}.header{padding:8px;background:#1e1222;color:#f0e4f8;text-align:center;width:100%;position:sticky;top:0;z-index:1000;box-shadow:0 2px 6px rgba(0,0,0,.6)}.nav-buttons{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:8px;position:sticky;top:52px;background:#1e1222;z-index:999;padding-top:4px;padding-bottom:4px}.nav-buttons a{padding:8px 16px;background-color:#7a3b7a;color:#fff;text-decoration:none;border-radius:50px;transition:background-color .3s,transform .2s}.nav-buttons a:hover{background-color:#a155a1;transform:scale(1.05)}.content{padding:16px;max-width:1200px;margin:0 auto;padding-bottom:100vh}form{display:flex;gap:8px;align-items:center;margin-bottom:16px}input,button,textarea,select{font:inherit}input[type=search]{padding:6px;font-size:16px;flex:1;border:2px solid #7a3b7a;border-radius:6px;outline:none;background:#1a0f1d;color:#fff;transition:border-color .3s,box-shadow .2s}input[type=search]:focus{border-color:#b070b0;box-shadow:0 0 6px rgba(176,112,176,.6)}button.search-btn{padding:6px 16px;font-size:16px;cursor:pointer;border:none;border-radius:50px;background-color:#7a3b7a;color:#fff;transition:background-color .3s,transform .2s}button.search-btn:hover{background-color:#a155a1;transform:scale(1.05)}hr{border:0;border-top:2px solid #7a3b7a;margin:16px 0}.category{margin-bottom:32px;scroll-margin-top:170px}.category h2{color:#e0d4f8;margin-bottom:12px;font-size:1.5rem}.subcategory-container{display:flex;flex-wrap:wrap;gap:16px}.subcategory-card{flex:1 1 calc(50% - 16px);min-width:200px;background:#1a0f1d;border-radius:10px;padding:12px;box-shadow:0 2px 8px rgba(0,0,0,.7);display:flex;flex-direction:column}.subcategory-card h3{margin-bottom:8px;font-size:1.1rem;color:#f3eaf5}.subcategory-card a{display:block;margin-bottom:6px;color:#d8c4dc;text-decoration:none}.subcategory-card a:hover{text-decoration:underline;color:#f0b0f0}.soft-divider{height:1px;background:rgba(180,120,200,.4);margin:8px 0}@media(min-width:900px){.subcategory-card{flex:1 1 22%}}.footer{text-align:center;font-size:14px;color:#cbb3cf;margin-top:12px}