:root{--background:#0f172a;--foreground:#e2e8f0;--primary:#3b82f6;--primary-hover:#2563eb;--card-bg:#1e293b;--card-border:#334155;--text-muted:#94a3b8;--accent:#8b5cf6;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--background);color:var(--foreground);line-height:1.6}a{color:inherit;text-decoration:none}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.btn{cursor:pointer;border:none;border-radius:.375rem;justify-content:center;align-items:center;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s;display:inline-flex}.btn-primary{background-color:var(--primary);color:#fff}.btn-primary:hover{background-color:var(--primary-hover)}.grid{gap:1.5rem;display:grid}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}@media (min-width:640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,1fr)}}@media (min-width:768px){.md\:grid-cols-3{grid-template-columns:repeat(3,1fr)}}@media (min-width:1024px){.lg\:grid-cols-4{grid-template-columns:repeat(4,1fr)}}.card{background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:.75rem;flex-direction:column;padding:1.25rem;transition:transform .2s,border-color .2s;display:flex}.card:hover{border-color:var(--primary);transform:translateY(-2px)}.card-title{margin-bottom:.5rem;font-size:1.125rem;font-weight:600;line-height:1.4}.card-meta{color:var(--text-muted);justify-content:space-between;margin-bottom:.75rem;font-size:.75rem;display:flex}.card-summary{color:#cbd5e1;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;flex-grow:1;margin-bottom:1rem;font-size:.875rem;display:-webkit-box;overflow:hidden}.badge{color:#60a5fa;background-color:#3b82f633;border-radius:9999px;padding:.25rem .5rem;font-size:.7rem;font-weight:600;display:inline-block}.main-header{border-bottom:1px solid var(--card-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background-color:#0f172af2;margin-bottom:2rem;padding:1rem 0;position:sticky;top:0}.nav-container{justify-content:space-between;align-items:center;display:flex}.mobile-menu-toggle{cursor:pointer;z-index:1002;background:0 0;border:none;padding:.5rem;display:none}.hamburger{background:var(--foreground);width:25px;height:3px;transition:all .3s;display:block;position:relative}.hamburger:before,.hamburger:after{content:"";background:var(--foreground);width:25px;height:3px;transition:all .3s;position:absolute}.hamburger:before{top:-8px}.hamburger:after{top:8px}.hamburger.open{background:0 0}.hamburger.open:before{top:0;transform:rotate(45deg)}.hamburger.open:after{top:0;transform:rotate(-45deg)}.logo{background:linear-gradient(to right,var(--primary),var(--accent));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:800}nav ul{flex-wrap:wrap;gap:1rem;list-style:none;display:flex}nav a{color:var(--text-muted);background-color:#0000;border:1px solid #0000;border-radius:9999px;padding:.5rem 1.25rem;font-weight:600;transition:all .2s;display:inline-block}nav a:hover{color:var(--primary);background-color:#3b82f61a;border-color:#3b82f633}nav a.active{background-color:var(--primary);color:#fff;border-color:var(--primary)}.search-form{gap:.5rem;display:flex}.search-form input{border:1px solid var(--card-border);background-color:var(--card-bg);color:#fff;border-radius:.25rem;outline:none;padding:.5rem}@media (max-width:768px){.mobile-menu-toggle{display:block}nav{background-color:var(--background);border-bottom:1px solid var(--card-border);opacity:0;visibility:hidden;z-index:1001;transition:all .3s;position:absolute;top:100%;left:0;right:0;transform:translateY(-100%)}nav.mobile-nav-open{opacity:1;visibility:visible;transform:translateY(0)}nav ul{flex-direction:column;gap:.5rem;padding:1rem}nav a{text-align:left;border-radius:.5rem;padding:.75rem 1rem;display:block}.search-form{opacity:0;visibility:hidden;z-index:1001;background-color:var(--background);border-bottom:1px solid var(--card-border);padding:1rem;transition:all .3s;position:absolute;top:100%;right:0;transform:translateY(-100%)}.search-form.mobile-search-open{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-menu{opacity:1;visibility:visible;box-shadow:none;background-color:#3b82f61a;border:none;margin-top:.5rem;margin-left:1rem;position:static;transform:none}.nav-item:after{display:none}}.ad-space{width:100%;height:100px;color:var(--text-muted);border:1px dashed var(--card-border);background-color:#ffffff0d;border-radius:.5rem;justify-content:center;align-items:center;margin:2rem 0;font-size:.875rem;display:flex}.category-subnav{flex-wrap:wrap;gap:1rem;padding-bottom:.5rem;display:flex;overflow-x:auto}.category-pill{background-color:var(--card-bg);color:var(--text-muted);border:1px solid var(--card-border);white-space:nowrap;border-radius:9999px;padding:.5rem 1.25rem;font-size:.875rem;font-weight:500;transition:all .2s;display:inline-block}.category-pill:hover{background-color:var(--primary);color:#fff;border-color:var(--primary);transform:translateY(-1px)}.nav-item{align-items:center;display:flex;position:relative}.dropdown-menu{background-color:var(--card-bg);border:1px solid var(--card-border);opacity:0;visibility:hidden;z-index:1001;border-radius:.5rem;flex-direction:column;gap:.25rem;min-width:160px;padding:.5rem;transition:all .2s;display:flex;position:absolute;top:100%;left:50%;transform:translate(-50%);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.nav-item:hover .dropdown-menu{opacity:1;visibility:visible;top:120%}.nav-item:after{content:"";width:100%;height:20px;position:absolute;bottom:-20px;left:0}.dropdown-link{color:var(--text-muted);white-space:nowrap;text-align:left;border-radius:.25rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;display:block;border:none!important}.dropdown-link:hover{background-color:var(--card-border);color:#fff}
