.docs-hero{margin-bottom:48px}.docs-hero h1{letter-spacing:-.03em;color:#fff;margin:0 0 10px;font-size:36px;font-weight:700}.docs-hero p{color:#ffffff73;margin:0;font-size:16px;line-height:1.6}.docs-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.docs-card{border-radius:14px;padding:1px;text-decoration:none;transition:transform .8s cubic-bezier(.16,1,.3,1),box-shadow .9s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.docs-card:hover{transform:translateY(-3px);box-shadow:0 24px 64px #0000004d}.grad-teal{background:linear-gradient(135deg,#5eb6a966,#5eb6a90d 60%)}.grad-blue{background:linear-gradient(135deg,#5b9bd566,#5b9bd50d 60%)}.grad-purple{background:linear-gradient(135deg,#a078d266,#a078d20d 60%)}.grad-amber{background:linear-gradient(135deg,#e8a83859,#e8a8380d 60%)}.grad-pink{background:linear-gradient(135deg,#d67caf66,#d67caf0d 60%)}.grad-slate{background:linear-gradient(135deg,#8c98a866,#8c98a80d 60%)}.docs-card:hover.grad-teal{background:linear-gradient(135deg,#5eb6a999,#5eb6a91a 60%)}.docs-card:hover.grad-blue{background:linear-gradient(135deg,#5b9bd599,#5b9bd51a 60%)}.docs-card:hover.grad-purple{background:linear-gradient(135deg,#a078d299,#a078d21a 60%)}.docs-card:hover.grad-amber{background:linear-gradient(135deg,#e8a8388c,#e8a8381a 60%)}.docs-card:hover.grad-pink{background:linear-gradient(135deg,#d67caf99,#d67caf1a 60%)}.docs-card:hover.grad-slate{background:linear-gradient(135deg,#8c98a899,#8c98a81a 60%)}.docs-card-glow{filter:blur(40px);opacity:0;pointer-events:none;border-radius:50%;width:120px;height:120px;transition:opacity 1.1s cubic-bezier(.16,1,.3,1);position:absolute;top:-40px;left:-40px}.grad-teal .docs-card-glow{background:#5eb6a940}.grad-blue .docs-card-glow{background:#5b9bd540}.grad-purple .docs-card-glow{background:#a078d240}.grad-amber .docs-card-glow{background:#e8a83833}.grad-pink .docs-card-glow{background:#d67caf40}.grad-slate .docs-card-glow{background:#8c98a833}.docs-card:hover .docs-card-glow{opacity:1}.docs-card-inner{z-index:1;background:#353b44;border-radius:13px;flex-direction:row;align-items:center;gap:24px;height:100%;padding:24px;display:flex;position:relative}.docs-card-icon{border-radius:14px;justify-content:center;align-items:center;width:64px;min-width:64px;height:64px;transition:background .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1);display:flex}.docs-card-icon svg{width:32px;height:32px}.docs-card:hover .docs-card-icon{transform:scale(1.06)}.grad-teal .docs-card-icon{color:#5eb6a9;background:#5eb6a91f}.grad-blue .docs-card-icon{color:#5b9bd5;background:#5b9bd51f}.grad-purple .docs-card-icon{color:#a078d2;background:#a078d21f}.grad-amber .docs-card-icon{color:#e8a838;background:#e8a8381f}.grad-pink .docs-card-icon{color:#d67caf;background:#d67caf1f}.grad-slate .docs-card-icon{color:#8c98a8;background:#8c98a81f}.docs-card:hover.grad-teal .docs-card-icon{background:#5eb6a933}.docs-card:hover.grad-blue .docs-card-icon{background:#5b9bd533}.docs-card:hover.grad-purple .docs-card-icon{background:#a078d233}.docs-card:hover.grad-amber .docs-card-icon{background:#e8a83833}.docs-card:hover.grad-pink .docs-card-icon{background:#d67caf33}.docs-card:hover.grad-slate .docs-card-icon{background:#8c98a833}.docs-card-text{flex:1;min-width:0}.docs-card-text h2{color:#fff;letter-spacing:-.01em;margin:0 0 6px;font-size:17px;font-weight:600}.docs-card-text p{color:#ffffff73;margin:0;font-size:13px;line-height:1.5}.docs-card-cta{opacity:0;align-items:center;gap:5px;margin-top:20px;font-size:13px;font-weight:600;transition:opacity .7s cubic-bezier(.16,1,.3,1) .15s,transform .7s cubic-bezier(.16,1,.3,1) .15s;display:inline-flex;transform:translateY(4px)}.grad-teal .docs-card-cta{color:#5eb6a9}.grad-blue .docs-card-cta{color:#5b9bd5}.grad-purple .docs-card-cta{color:#a078d2}.grad-amber .docs-card-cta{color:#e8a838}.grad-pink .docs-card-cta{color:#d67caf}.grad-slate .docs-card-cta{color:#8c98a8}.docs-card:hover .docs-card-cta{opacity:1;transform:translateY(0)}@media (width<=640px){.docs-grid{grid-template-columns:1fr}.docs-hero h1{font-size:28px}.docs-card-inner{flex-direction:column;align-items:flex-start;gap:16px}.docs-card-icon{width:48px;min-width:48px;height:48px}.docs-card-icon svg{width:24px;height:24px}}