body{background-color:var(--white);color:var(--black);-webkit-font-smoothing:antialiased;font-family:Almarai,sans-serif;overflow-x:hidden}.docs-hero{background-color:var(--white);margin-top:80px;padding:15vh 8% 8%;position:relative}.docs-hero-container{max-width:1400px;margin:0 auto}.docs-badge{background-color:var(--black);color:var(--white);border-radius:20px;margin-bottom:1.5rem;padding:.5rem 1.5rem;font-size:.9rem;font-weight:700;display:inline-block}.docs-title{letter-spacing:-2px;margin-bottom:1.5rem;font-size:4rem;font-weight:800;line-height:1.1}.docs-subtitle{opacity:.9;max-width:80%;margin-bottom:2rem;font-size:1.5rem;font-weight:300;line-height:1.6}.docs-install-command{background-color:var(--black);color:var(--white);border-radius:8px;justify-content:space-between;align-items:center;max-width:800px;margin:2rem 0;padding:1.5rem 2rem;font-family:monospace;font-size:1.2rem;display:flex}.copy-button{color:var(--white);cursor:pointer;transition:var(--transition);background:rgba(255,255,255,.1);border:none;border-radius:4px;align-items:center;gap:.5rem;padding:.5rem 1rem;display:flex}.copy-button:hover{background:rgba(255,255,255,.2)}.docs-container{flex-wrap:wrap;gap:4rem;max-width:1400px;margin:0 auto;display:flex}.docs-sidebar{flex-shrink:0;align-self:flex-start;width:300px;position:-webkit-sticky;position:sticky;top:120px}.command-usage{background-color:var(--gray);border-radius:6px;margin-bottom:1.5rem;padding:1rem;font-family:monospace;position:relative}.command-copy{cursor:pointer;background:rgba(0,0,0,.1);border:none;border-radius:4px;padding:.3rem .6rem;font-size:.8rem;position:absolute;top:.5rem;left:.5rem}.terminal-prompt{color:#4caf50}.terminal-command{color:var(--white)}.steps-container{margin-top:2rem}.step{gap:2rem;margin-bottom:3rem;display:flex;position:relative}.step-number{background-color:var(--black);width:40px;height:40px;color:var(--white);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.2rem;font-weight:800;display:flex}.step-content{flex:1}.step-title{margin-bottom:1rem;font-size:1.5rem;font-weight:800}.step-description{opacity:.9;font-size:1.1rem;font-weight:300;line-height:1.6}.warning-box{background-color:#ffebee;border-right:4px solid #f44336;border-radius:8px;margin:1.5rem 0;padding:1.5rem}.warning-title{color:#d32f2f;align-items:center;gap:.5rem;margin-bottom:.5rem;font-weight:700;display:flex}.docs-section{background-color:var(--white);border-radius:12px;margin-bottom:5rem;padding:3rem;box-shadow:0 5px 15px rgba(0,0,0,.03)}.section-header{margin-bottom:3rem}.section-title{letter-spacing:-1px;margin-bottom:1rem;font-size:2.5rem;font-weight:800;line-height:1.2}.section-description{opacity:.9;font-size:1.2rem;font-weight:300;line-height:1.6}.command-card{background-color:var(--white);transition:var(--transition);border:1px solid rgba(0,0,0,.1);border-radius:8px;margin-bottom:2rem;padding:2rem}.command-card:hover{border-color:var(--black);box-shadow:0 5px 15px rgba(0,0,0,.05)}.command-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.command-title{font-size:1.5rem;font-weight:800}.command-description{opacity:.9;margin-bottom:1.5rem;font-size:1.1rem;font-weight:300;line-height:1.6}.command-example{background-color:var(--black);color:var(--white);border-radius:8px;margin-top:1.5rem;padding:1.5rem;font-family:monospace;position:relative}.example-title{opacity:.7;margin-bottom:.5rem;font-size:.9rem;font-weight:700}.terminal-line{margin-bottom:.5rem;display:block}.terminal-output{color:#9e9e9e}.note-box{background-color:#fff9c4;border-right:4px solid #ffd600;border-radius:8px;margin:1.5rem 0;padding:1.5rem}.note-title{align-items:center;gap:.5rem;margin-bottom:.5rem;font-weight:700;display:flex}.note-content{font-weight:300;line-height:1.6}.footer{background-color:var(--black);color:#000;padding:4rem 5%;font-family:Almarai,sans-serif}.footer .container{max-width:1400px;margin:0 auto}.footer-content{flex-direction:column;align-items:center;margin-bottom:3rem;display:flex}.footer-brand{text-align:center;margin-bottom:2rem}.footer-title{letter-spacing:-1px;margin-bottom:.5rem;font-size:2rem;font-weight:800}.footer-tagline{opacity:.7;font-size:1rem;font-weight:300}.footer-copyright{text-align:center;opacity:.5;font-size:.9rem;font-weight:300;line-height:1.6}
