.docs-page{min-height:100vh;padding:2rem;position:relative}.docs-container{z-index:2;flex-direction:column;gap:3rem;max-width:900px;margin:0 auto;display:flex;position:relative}.docs-header{border-bottom:1px solid var(--border);flex-direction:column;gap:1.5rem;padding-bottom:2rem;display:flex}.docs-back-link{font-family:var(--font-mono);letter-spacing:.1em;color:var(--text-secondary);text-transform:uppercase;align-self:flex-start;font-size:.75rem;text-decoration:none;transition:color .2s}.docs-back-link:hover{color:var(--accent-bright)}.docs-tag{font-family:var(--font-mono);letter-spacing:.25em;color:var(--text-dim);text-transform:uppercase;align-items:center;gap:.6rem;font-size:.75rem;display:flex}.docs-tag-number{color:var(--accent);font-weight:600}.docs-tag-separator{color:var(--text-dim);opacity:.5}.docs-title{font-family:var(--font-display);color:var(--text-bright);letter-spacing:-.02em;text-transform:uppercase;margin:0;font-size:clamp(2rem,5vw,3rem);font-weight:300}.docs-warning{background:#f9a67a14;border:1px solid #f9a67a4d;border-left:3px solid #f9a67a;gap:1rem;padding:1rem 1.2rem;display:flex}.docs-warning-icon{width:28px;height:28px;font-family:var(--font-display);color:#f9a67a;background:#f9a67a26;border:1px solid #f9a67a66;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.2rem;font-weight:700;display:flex}.docs-warning-icon-info{color:#9ad1ff;background:#9ad1ff26;border:1px solid #9ad1ff66}.docs-warning strong{font-family:var(--font-display);color:var(--text-bright);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.3rem;font-size:.9rem;display:block}.docs-warning p{font-family:var(--font-body);color:var(--text-secondary);margin:0;font-size:.9rem;line-height:1.5}.docs-warning-info{background:#9ad1ff14;border:1px solid #9ad1ff4d;border-left:3px solid #9ad1ff}.docs-content{flex-direction:column;gap:3rem;display:flex}.docs-section{flex-direction:column;gap:1.5rem;display:flex}.docs-heading{font-family:var(--font-display);color:var(--text-bright);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border);margin:0;padding-bottom:.8rem;font-size:1.5rem;font-weight:600}.docs-text{font-family:var(--font-body);color:var(--text-primary);margin:0;font-size:1rem;line-height:1.7}.docs-text strong{color:var(--text-bright);font-weight:600}.docs-subheading{font-family:var(--font-display);color:var(--text-bright);text-transform:uppercase;letter-spacing:.05em;margin:1.5rem 0 1rem;font-size:1.1rem;font-weight:600}.docs-check{border:1px solid var(--border);background:#0e120933;gap:1rem;margin-bottom:.8rem;padding:1rem;display:flex}.docs-check:last-child{margin-bottom:0}.docs-check-icon{width:32px;height:32px;color:var(--accent);flex-shrink:0;justify-content:center;align-items:center;display:flex}.docs-check-title{font-family:var(--font-display);color:var(--text-bright);text-transform:uppercase;letter-spacing:.05em;margin:0 0 .4rem;font-size:.9rem;font-weight:600}.docs-check .docs-text{font-size:.9rem}.docs-step{border:1px solid var(--border);background:#0e120966;gap:1.5rem;padding:1.5rem;transition:all .3s;display:flex}.docs-step:hover{border-color:var(--border-bright);background:#0e120999}.docs-step-number{width:48px;height:48px;font-family:var(--font-display);color:var(--accent-bright);border:1px solid var(--accent-dim);clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px));background:#7a9b281a;flex-shrink:0;justify-content:center;align-items:center;font-size:1.2rem;font-weight:600;display:flex}.docs-step-content{flex-direction:column;flex:1;gap:.8rem;display:flex}.docs-step-title{font-family:var(--font-display);color:var(--text-bright);text-transform:uppercase;letter-spacing:.05em;margin:0;font-size:1.1rem;font-weight:600}.docs-code{border:1px solid var(--border);background:#080a05cc;padding:1rem;overflow-x:auto}.docs-code code{font-family:var(--font-mono);color:var(--accent-bright);letter-spacing:.02em;white-space:nowrap;font-size:.85rem}.docs-feature{border-left:2px solid var(--accent-dim);background:#0e12094d;gap:1rem;padding:1.2rem;display:flex}.docs-feature-icon{border:1px solid var(--accent-dim);width:40px;height:40px;color:var(--accent-bright);background:#7a9b281a;flex-shrink:0;justify-content:center;align-items:center;display:flex}.docs-feature-icon svg{flex-shrink:0}.docs-feature-title{font-family:var(--font-display);color:var(--text-bright);text-transform:uppercase;letter-spacing:.05em;margin:0 0 .5rem;font-size:1rem;font-weight:600}.docs-links{flex-wrap:wrap;gap:1rem;display:flex}.docs-link{font-family:var(--font-mono);letter-spacing:.08em;color:var(--text-primary);text-transform:uppercase;border:1px solid var(--border);background:#0e120999;align-items:center;gap:.6rem;padding:.7rem 1rem;font-size:.8rem;text-decoration:none;transition:all .3s;display:flex}.docs-link:hover{color:var(--accent-bright);border-color:var(--accent);background:#7a9b281a}.docs-link svg{flex-shrink:0}.docs-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;margin-top:2rem;padding-top:2rem;display:flex}.docs-footer-link{font-family:var(--font-mono);letter-spacing:.1em;color:var(--text-secondary);text-transform:uppercase;font-size:.75rem;text-decoration:none;transition:color .2s}.docs-footer-link:hover{color:var(--accent-bright)}.docs-footer-cta{font-family:var(--font-display);letter-spacing:.1em;color:var(--text-bright);text-transform:uppercase;border:1px solid var(--accent);clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px));background:#7a9b2833;padding:.7rem 1.5rem;font-size:.85rem;text-decoration:none;transition:all .3s}.docs-footer-cta:hover{border-color:var(--accent-bright);background:#7a9b284d}@media (max-width:768px){.docs-page{padding:1rem}.docs-container{gap:2rem}.docs-title{font-size:1.8rem}.docs-step{flex-direction:column;gap:1rem;padding:1rem}.docs-step-number{width:40px;height:40px;font-size:1rem}.docs-code{padding:.8rem}.docs-code code{font-size:.7rem}.docs-footer{flex-direction:column;align-items:stretch;gap:1rem}.docs-footer-cta{text-align:center}}@media (max-width:640px){.docs-heading{font-size:1.2rem}.docs-text{font-size:.9rem}.docs-step-title{font-size:1rem}.docs-feature,.docs-warning{flex-direction:column;gap:.8rem}}