:root{--bg-color: #0f172a;--card-bg: #1e293b;--text-main: #f8fafc;--text-sub: #94a3b8;--accent: #3b82f6}body{margin:0;padding:0;background-color:var(--bg-color);color:var(--text-main);font-family:Segoe UI,system-ui,-apple-system,sans-serif}.grid-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;padding:2rem}.card{background-color:var(--card-bg);border-radius:12px;padding:1.5rem;border:1px solid #334155;cursor:pointer;transition:transform .2s}.card:hover{transform:translateY(-5px);border-color:var(--accent)}.modal-overlay{position:fixed;inset:0;background:#000000d9;display:flex;justify-content:center;align-items:center;z-index:2000}.modal-content{background:var(--card-bg);padding:2rem;border-radius:16px;position:relative}@media(max-width:768px){.grid-container{grid-template-columns:1fr!important;padding:1rem!important}.modal-content{width:92%!important;max-height:85vh;overflow-y:auto;padding:1.5rem!important}.nav-links-row{width:100%;overflow-x:auto!important;white-space:nowrap;display:flex;justify-content:flex-start!important;gap:12px!important;padding:8px 10px!important}.nav-links-row::-webkit-scrollbar{display:none}.nav-links-row a{flex:none!important;background:#334155;padding:6px 15px;border-radius:20px;font-size:.9rem!important}}