.docs-hero{text-align:center;background:radial-gradient(circle at 50% 100%,#0047ff14 0%,#0000 60%),#f8fafc;padding:100px 0 90px;position:relative;overflow:hidden}.docs-hero:before{content:"";pointer-events:none;background-image:linear-gradient(#0047ff0d 1px,#0000 1px),linear-gradient(90deg,#0047ff0d 1px,#0000 1px);background-position:bottom;background-size:40px 40px;animation:20s linear infinite gridFloat;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 0%,#0000 70%);mask-image:radial-gradient(#000 0%,#0000 70%)}@keyframes gridFloat{0%{transform:translateY(0)}to{transform:translateY(40px)}}.docs-hero-content{z-index:10;position:relative}.docs-search{max-width:680px;margin:40px auto 0;position:relative}.docs-search input{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#0b132b;background:#fffc;border:1px solid #0047ff26;border-radius:20px;outline:none;width:100%;padding:24px 24px 24px 64px;font-family:inherit;font-size:1.15rem;font-weight:500;transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:0 20px 40px #0000000f,inset 0 0 0 1px #fff6}.docs-search input::placeholder{color:#94a3b8;font-weight:400}.docs-search input:focus{background:#fff;border-color:#0047ff;transform:translateY(-2px);box-shadow:0 20px 50px #0047ff1f,0 0 0 4px #0047ff1a}.docs-search-icon{color:#0047ff;pointer-events:none;transition:transform .3s;position:absolute;top:50%;left:24px;transform:translateY(-50%)}.docs-search input:focus+.docs-search-icon{transform:translateY(-50%)scale(1.1)}.docs-search-kbd{color:#64748b;pointer-events:none;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:6px;padding:4px 8px;font-size:.75rem;font-weight:700;position:absolute;top:50%;right:20px;transform:translateY(-50%)}.docs-content-section{padding:80px 0 120px}.docs-grid{grid-template-columns:repeat(3,1fr);gap:32px;display:grid}.docs-card{flex-direction:column;align-items:flex-start;padding:36px 32px;text-decoration:none;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s,border-color .3s;display:flex}.docs-card:hover{border-color:#0047ff4d;transform:translateY(-6px);box-shadow:0 16px 40px #0047ff14}.docs-icon-wrap{background:var(--bg-surface-elevated);width:56px;height:56px;color:var(--primary-blue);border:1px solid var(--border-glass);border-radius:16px;justify-content:center;align-items:center;margin-bottom:24px;transition:all .3s;display:flex}.docs-card:hover .docs-icon-wrap{background:var(--primary-blue);color:#fff;transform:scale(1.08)rotate(-4deg);box-shadow:0 10px 20px #0047ff40}.docs-card h3{color:var(--text-primary);align-items:center;gap:8px;margin-bottom:12px;font-size:1.25rem;font-weight:800;display:flex}.docs-card h3 svg{opacity:0;color:var(--primary-blue);transition:all .3s;transform:translate(-10px)}.docs-card:hover h3 svg{opacity:1;transform:translate(0)}.docs-card p{color:var(--text-secondary);font-size:1rem;line-height:1.6}@media (max-width:1024px){.docs-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.docs-grid{grid-template-columns:1fr}.docs-search input{padding-left:56px;font-size:1rem}}