.docs-hero{background:linear-gradient(135deg, var(--primary-dark) 0%, var(--primary) 100%);color:#fff;text-align:center;padding:10rem 0 6rem;position:relative;overflow:hidden}.docs-hero:after{content:"";background:var(--bg-color);width:100%;height:100px;position:absolute;bottom:-50px;left:0;transform:skewY(-2deg)}.docs-hero h1{font-family:var(--font-display);letter-spacing:-.02em;margin-bottom:1rem;font-size:3.5rem;font-weight:800}.docs-hero p{opacity:.9;max-width:600px;margin:0 auto;font-size:1.25rem;line-height:1.6}.docs-container{max-width:1100px;margin:4rem auto;padding:0 1.5rem}.docs-controls{background:var(--surface);border-radius:var(--radius-xl);border:1px solid var(--border-light);box-shadow:var(--shadow-sm);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;margin-bottom:3rem;padding:1.5rem;display:flex}.docs-search{flex:1;min-width:250px;max-width:400px;position:relative}.docs-search input{border-radius:var(--radius-md);border:1px solid var(--border-light);background:var(--bg-color);width:100%;color:var(--text-main);outline:none;padding:.85rem 1rem .85rem 2.75rem;font-size:.95rem;transition:all .2s}.docs-search input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #1e3a8a26}.docs-search-icon{color:var(--text-muted);font-size:1.1rem;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.docs-filter-tabs{gap:.75rem;display:flex}.filter-tab{border-radius:var(--radius-md);border:1px solid var(--border-light);background:var(--surface);color:var(--text-muted);cursor:pointer;padding:.6rem 1.25rem;font-weight:600;transition:all .2s}.filter-tab:hover{border-color:var(--primary);color:var(--primary)}.filter-tab.active{background:var(--primary);border-color:var(--primary);color:#fff}.docs-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem;display:grid}.doc-card{background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius-xl);min-height:250px;box-shadow:var(--shadow-sm);flex-direction:column;justify-content:space-between;padding:2rem;transition:all .3s;display:flex}.doc-card:hover{box-shadow:var(--shadow-md);border-color:var(--secondary);transform:translateY(-5px)}.doc-header{align-items:flex-start;gap:1.25rem;display:flex}.doc-icon{color:#ef4444;border-radius:var(--radius-md);background:#fef2f2;justify-content:center;align-items:center;padding:.85rem;font-size:2.2rem;display:flex}.doc-icon.contract{color:var(--primary);background:#1e3a8a0d}.doc-meta{flex:1}.doc-meta h3{color:#fff;margin-bottom:.5rem;font-size:1.15rem;font-weight:700;line-height:1.4}.doc-tag{color:var(--primary);text-transform:uppercase;letter-spacing:.02em;background:#38bdf81f;border-radius:1rem;margin-bottom:.5rem;padding:.25rem .6rem;font-size:.75rem;font-weight:700;display:inline-block}.doc-details{color:var(--text-muted);border-top:1px solid var(--border-light);gap:1rem;margin-top:1rem;padding-top:1rem;font-size:.85rem;display:flex}.doc-action-btn{background:var(--primary);color:#fff;border-radius:var(--radius-md);cursor:pointer;border:none;justify-content:center;align-items:center;gap:.5rem;width:100%;margin-top:1.5rem;padding:.85rem;font-weight:700;text-decoration:none;transition:background-color .2s;display:flex}.doc-action-btn:hover{background:var(--primary-dark)}@media (max-width:768px){.docs-controls{flex-direction:column;align-items:stretch}.docs-search{max-width:none}.docs-filter-tabs{padding-bottom:.5rem;overflow-x:auto}}