.doc-main-content{background-color:#1c1c1e;flex:1;position:relative;overflow-y:auto}.doc-main-content::-webkit-scrollbar{width:14px}.doc-main-content::-webkit-scrollbar-track{background:0 0}.doc-main-content::-webkit-scrollbar-thumb{background-color:#424245;border:4px solid #1c1c1e;border-radius:8px}.doc-main-container{max-width:980px;margin:0 auto;padding:80px 40px 120px}.doc-hero{text-align:center;margin-bottom:80px}.doc-hero h1{color:#f5f5f7;letter-spacing:-.015em;margin:0 0 16px;font-size:48px;font-weight:700}.doc-hero p{color:#f5f5f7;margin:0;font-size:21px;font-weight:500}.doc-section{margin-bottom:60px}.doc-section h2{color:#f5f5f7;text-align:center;margin:0 0 24px;font-size:32px;font-weight:600}.doc-card{background-color:#000;border-radius:24px;min-height:400px;display:flex;position:relative;overflow:hidden}.doc-card-text{z-index:2;flex-direction:column;justify-content:center;width:50%;padding:60px;display:flex;position:relative}.doc-card-text h3{color:#f5f5f7;margin:0 0 16px;font-size:24px;font-weight:600}.doc-card-text p{color:#a1a1a6;margin:0 0 24px;font-size:16px;line-height:1.5}.doc-link{color:#2997ff;font-size:14px;font-weight:500;text-decoration:none}.doc-link:hover{text-decoration:underline}.doc-card-bg{z-index:1;background-position:100%;background-repeat:no-repeat;background-size:auto 100%;position:absolute;inset:0}@media (max-width:980px){.doc-card-text{width:60%;padding:40px}}@media (max-width:768px){.doc-main-container{padding:60px 24px 80px}.doc-hero h1{font-size:36px}.doc-hero p{font-size:19px}.doc-card{flex-direction:column;min-height:auto}.doc-card-bg{background-position:50%;width:100%;height:250px;position:relative}.doc-card-text{width:100%;padding:32px}}