.docs-hero{position:relative;overflow:hidden;color:#fff;background:linear-gradient(120deg,#18ae6d,#39d49a);border-radius:18px;padding:42px;margin-bottom:24px;box-shadow:0 16px 36px rgba(23,169,103,.2)}
.docs-hero:after{content:"";position:absolute;width:70%;height:180px;right:-15%;bottom:-100px;background:rgba(255,255,255,.09);transform:rotate(13deg)}
.docs-hero h1{position:relative;margin:0;font-size:38px}.docs-hero p{position:relative;max-width:900px;font-size:17px;line-height:1.8}.docs-hero .docs-actions{position:relative;z-index:1;margin-bottom:0}.docs-version{position:absolute;right:30px;top:28px;background:#ff7345;padding:7px 13px;border-radius:999px;font-weight:800}.docs-quick{padding:24px;margin-bottom:26px}.docs-quick>strong{color:var(--portal-accent-dark)}.docs-quick>div{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:17px}.docs-quick a{padding:14px;border-radius:9px;background:var(--portal-soft);color:var(--portal-ink);text-decoration:none}.docs-quick a:hover{color:var(--portal-accent-dark);background:#e7f7ef}
@media(max-width:700px){.docs-hero{padding:30px 22px}.docs-hero h1{font-size:29px}.docs-version{position:static;display:inline-block;margin-bottom:14px}.docs-quick>div{grid-template-columns:1fr}}