.documentation-page{min-height:100vh;background-color:#f9fafb;color:#111827;font-family:Inter,sans-serif}.documentation-header{background-color:#000;color:#fff;padding:2rem 1.5rem;text-align:center;position:relative;overflow:hidden}.documentation-header h1{font-size:2.5rem;font-weight:700}.documentation-header p{margin-top:.75rem;font-size:1.125rem;color:#f97316;font-weight:500}.documentation-main{max-width:72rem;margin:0 auto;padding:3rem 1.5rem}.documentation-section{margin-bottom:4rem}.documentation-section h2{font-size:1.875rem;font-weight:600;color:#000;margin-bottom:1rem}.documentation-section p{margin-bottom:1rem;color:#374151;line-height:1.6}.doc-list{margin:1rem 0 1.5rem 1.25rem;color:#444}.doc-list li{margin-bottom:.5rem}.highlight{color:#f97316;font-weight:600}.documentation-image-card{background-color:#f3f4f6;border:1px solid #d1d5db;border-radius:.75rem;padding:1.5rem;box-shadow:0 2px 6px rgba(0,0,0,.05);display:flex;flex-wrap:wrap;justify-content:center;gap:20px;transition:all .3s ease}.documentation-image-card img{width:100%;max-width:480px;border-radius:.75rem;object-fit:contain;transition:transform .3s ease,box-shadow .3s ease}.documentation-image-card:hover img{transform:scale(1.03);box-shadow:0 8px 20px rgba(255,165,0,.3)}.documentation-footer{background-color:#000;color:#d1d5db;text-align:center;padding:1.5rem 0}@media (max-width:768px){.documentation-header h1{font-size:2rem}.documentation-main{padding:2rem 1rem}.documentation-image-card img{max-width:100%}}