.docs-hero{padding:160px 0 60px;background:linear-gradient(165deg,#f0f7ff 0%,#ffffff 70%);text-align:center;}.docs-hero h1{font-size:3.5rem;font-weight:900;margin:16px 0;}.docs-hero h1 .gradient{background:linear-gradient(145deg,#1d4ed8,#00b4aa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}.docs-hero p{font-size:1.2rem;color:#475569;max-width:650px;margin:0 auto;}.docs-hero .search-box{max-width:600px;margin:30px auto 0;position:relative;}.docs-hero .search-box input{width:100%;padding:18px 24px 18px 56px;border:2px solid #e2e8f0;border-radius:16px;font-size:1.1rem;font-family:'Inter',sans-serif;background:white;transition:var(--transition);box-shadow:var(--shadow-sm);}.docs-hero .search-box input:focus{outline:none;border-color:#1d4ed8;box-shadow:0 0 0 4px rgba(29,78,216,0.08);}.docs-hero .search-box i{position:absolute;left:20px;top:50%;transform:translateY(-50%);color:#94a3b8;font-size:1.2rem;}.docs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;padding:60px 0 80px;}.docs-card{background:white;padding:32px 28px;border-radius:24px;box-shadow:var(--shadow-sm);transition:var(--transition);border:1px solid rgba(0,0,0,0.02);text-decoration:none;color:#0b1a33;display:block;}.docs-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-md);border-color:#1d4ed8;}.docs-card .icon{font-size:2.5rem;color:#1d4ed8;margin-bottom:16px;display:block;}.docs-card h4{font-size:1.2rem;font-weight:700;margin-bottom:8px;}.docs-card p{color:#64748b;font-size:0.95rem;line-height:1.6;}.docs-card .arrow{color:#1d4ed8;font-weight:600;margin-top:12px;display:inline-block;}@media (max-width:768px){.docs-hero h1{font-size:2.4rem;}}