.page-content,
main{margin:0;padding:80px 20px 60px;min-height:calc(100vh - 60px);background:#000}
.page-content>*,
main>*{max-width:800px;margin-left:auto;margin-right:auto}
.page-content h1,
main h1{font-size:32px;font-weight:700;color:#fff;margin-top:0;margin-bottom:32px;line-height:1.3;background:var(--gradient-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.page-content h2,
main h2{font-size:24px;font-weight:600;color:#fff;margin-top:40px;margin-bottom:16px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.08)}
.page-content h3,
main h3{font-size:20px;font-weight:600;color:#fff;margin-top:28px;margin-bottom:12px}
.page-content h4,
main h4{font-size:18px;font-weight:600;color:#fff;margin-top:24px;margin-bottom:10px}
.page-content h5,.page-content h6,
main h5,main h6{font-size:16px;font-weight:600;color:#fff;margin-top:20px;margin-bottom:8px}
.page-content p,
main p{font-size:16px;color:rgba(255,255,255,.7);line-height:1.8;margin-top:0;margin-bottom:16px}
.page-content strong,
main strong{font-weight:600;color:#fff}
.page-content em,
main em{font-style:italic;color:rgba(255,255,255,.8)}
.page-content a,
main a{color:var(--accent-pink);text-decoration:none;font-weight:500;border-bottom:1px solid transparent;transition:all .2s ease}
.page-content a:hover,
main a:hover{color:#fff;border-bottom-color:var(--accent-pink)}
.page-content img,
main img{display:block;max-width:100%;margin-top:20px;margin-bottom:20px;border-radius:12px;border:1px solid rgba(255,255,255,.08)}
.page-content iframe,
main iframe{width:100%;height:450px;margin-top:20px;margin-bottom:20px;display:block;border-radius:12px;border:1px solid rgba(255,255,255,.08)}
.page-content ol,.page-content ul,
main ol,main ul{margin-top:0;margin-bottom:20px;padding-left:0;list-style:none}
.page-content ul,
main ul{counter-reset:page-list}
.page-content ol,
main ol{counter-reset:page-list}
.page-content ol li,.page-content ul li,
main ol li,main ul li{position:relative;font-size:16px;color:rgba(255,255,255,.7);line-height:1.8;padding-left:24px;margin:6px 0}
.page-content ul li::before,
main ul li::before{content:'';position:absolute;left:4px;top:12px;width:6px;height:6px;border-radius:50%;background:var(--accent-pink)}
.page-content ol li,
main ol li{counter-increment:page-list}
.page-content ol li::before,
main ol li::before{content:counter(page-list) '.';position:absolute;left:0;top:0;color:var(--accent-pink);font-weight:600;font-size:14px}
.page-content table,
main table{width:100%;border-collapse:separate;border-spacing:0;margin-top:20px;margin-bottom:20px;font-size:14px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:12px;overflow:hidden}
.page-content table th,
main table th{background:rgba(255,255,255,.06);color:#fff;padding:14px 16px;text-align:left;font-weight:600;font-size:13px;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid rgba(255,255,255,.08)}
.page-content table td,
main table td{padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.04);color:rgba(255,255,255,.7)}
.page-content table tr:last-child td,
main table tr:last-child td{border-bottom:none}
.page-content table tr:hover,
main table tr:hover{background:rgba(255,255,255,.04)}
.page-content blockquote,
main blockquote{border:none;padding:20px 24px;margin-top:20px;margin-bottom:20px;background:rgba(255,255,255,.04);border-radius:12px;border-left:3px solid var(--accent-pink)}
.page-content blockquote p,
main blockquote p{margin:0;color:rgba(255,255,255,.8);font-style:italic}
.page-content pre,
main pre{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:20px;overflow-x:auto;margin-top:20px;margin-bottom:20px}
.page-content code,
main code{font-size:14px;background:rgba(255,255,255,.06);padding:2px 8px;border-radius:6px;font-family:'SF Mono',Monaco,Consolas,monospace;color:var(--accent-pink)}
.page-content pre code,
main pre code{background:none;padding:0;color:rgba(255,255,255,.8)}
.page-content hr,
main hr{border:none;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);margin-top:40px;margin-bottom:40px}
@media (max-width:768px){
    .page-content,
    main{padding:60px 16px 40px}
    .page-content h1,
    main h1{font-size:26px;margin-bottom:24px}
    .page-content h2,
    main h2{font-size:22px;margin-top:32px}
    .page-content h3,
    main h3{font-size:18px}
    .page-content h4,
    main h4{font-size:16px}
    .page-content iframe,
    main iframe{height:250px}
    .page-content table,
    main table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}
    .page-content table td,.page-content table th,
    main table td,main table th{padding:10px 12px;white-space:nowrap}
}