: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;overflow-x:hidden}.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)}.tag{padding:2px 8px;border-radius:4px;font-size:.75rem;font-weight:700}.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}.close-btn{position:absolute;top:1rem;right:1rem;background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer}@media(max-width:768px){h1{font-size:1.8rem!important}.grid-container{grid-template-columns:1fr!important;padding:1rem!important}.modal-content{width:90%!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;gap:12px!important;padding:5px 0 10px;-webkit-overflow-scrolling:touch}.nav-links-row::-webkit-scrollbar{display:none}.nav-links-row a{background:#334155;padding:6px 12px;border-radius:20px;font-size:.85rem!important}input,textarea,select{font-size:16px!important}}