html,body{overflow-x:hidden}html{scroll-behavior:smooth}body{color:#e5e7eb;background-color:#0b0f14;margin:0;padding:0;font-family:Arial,Helvetica,sans-serif;line-height:1.6}section{margin-bottom:100px}h1{margin-top:0;margin-bottom:20px;font-size:48px;line-height:1.2}p{color:#9ca3af;margin-bottom:20px}.hero-container{background-image:radial-gradient(#1f2833 1px,#0000 1px);background-size:20px 20px;display:flex;position:relative}.container{max-width:1100px;margin:auto;padding:40px 20px}.hero{flex-wrap:wrap;justify-content:space-between;align-items:center;margin:0;display:flex}.hero-text,.chaos-visual{flex:1;min-width:450px;max-width:600px;margin:50px auto}.chaos-visual{max-width:500px;height:350px;position:relative}.messy-item{color:#8b949e;box-sizing:border-box;z-index:1;background:#161b22;border:1px solid #45a29e;border-radius:4px;width:280px;max-width:100%;padding:15px;font-family:Courier New,monospace;font-size:12px;position:absolute;box-shadow:10px 10px 30px #00000080}.messy-item-1{top:20px;left:10px;transform:rotate(-6deg)}.messy-item-2{top:110px;right:10px;transform:rotate(4deg)}.messy-item-3{bottom:40px;left:10px;transform:rotate(-2deg)}.messy-item-critical{z-index:2;border:1px solid #ff4b2b}.beta-tooltip{color:#36e207;text-shadow:0 0 6px #36e207;border:1px solid;border-radius:12px;padding:5px}.btn{border-radius:8px;padding:12px 20px;font-weight:500;text-decoration:none;transition:all .2s;display:inline-block}.btn-primary{color:#000;background:#4ed062}.btn-primary:hover{opacity:.9}.primary-color{color:#4ed062}.text-center{text-align:center}.cards-container{flex-wrap:wrap;gap:20px;margin-top:30px;display:flex}.card{color:#9ca3af;background:#121821;border-radius:10px;flex:220px;padding:20px;overflow:hidden;box-shadow:0 6px 15px #0006}.card h3{color:#e5e7eb;margin:0 0 10px}.quick-commands-container{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex}.quick-commands-text,.quick-commands-visual{flex:1;max-width:100%}.quick-commands-text{text-align:center;min-width:300px}.quick-commands-visual{flex-direction:column;gap:15px;display:flex}.command-item{color:#66fcf1;background:#161b22;border-radius:10px;flex-wrap:nowrap;justify-content:space-between;gap:15px;padding:15px 20px;font-family:Courier New,monospace;display:flex;position:relative}.command-item .command span{color:#facc15}.command-item .command{white-space:nowrap;text-overflow:ellipsis;flex:1;margin:auto 0;overflow:hidden}.command-item .mock-copy{color:#0b0c10;background:#66fcf1;border-radius:5px;margin:auto 0;padding:6px 12px;font-weight:700}.command-item:nth-child(2){color:#f87171}.command-item:nth-child(3){color:#10b981}.command-item:nth-child(2) .mock-copy{background:#f87171}.command-item:nth-child(3) .mock-copy{background:#10b981}#join h2{margin-bottom:0}#join svg{color:#4ed062;margin:0 2px;transform:rotate(25deg)}#join p{margin-top:0}#join a{color:#fff;text-decoration:none}footer p{text-align:center}.error-wrapper{flex-wrap:wrap;justify-content:center;gap:40px 0;margin-top:100px;display:flex}.error-wrapper .error-text{width:450px;max-width:100%;margin:auto 0}.error-wrapper .red-text{color:#bb1d1d}.error-wrapper .blue-text{color:#334ce8}.error-wrapper .btn{color:#000;background-color:#fff}.proxy-window{background:#161b22;border:1px solid #30363d;border-radius:6px;width:450px;max-width:100%;font-family:Courier New,monospace;overflow:hidden;box-shadow:10px 10px 30px #00000080}.proxy-header{background:#11161d;border-bottom:1px solid #30363d;display:flex}.proxy-header .tab{color:#9ca3af;padding:8px 15px;font-size:12px}.proxy-header .tab.active{color:#f63;background:#363636;border-bottom:2px solid #f63}.proxy-body{max-height:300px;padding:15px 10px;font-size:13px;line-height:1.5;display:flex;overflow:auto}.proxy-body .line-numbers{color:#9ca3af;text-align:right;-webkit-user-select:none;user-select:none;border-right:1px solid #30363d;flex-direction:column;padding-right:10px;display:flex}.http-response{white-space:nowrap;margin:0;padding-left:15px}.http-response p{color:#fff;margin:0}.http-proto{color:#cc7832}.http-status{color:#f63;font-weight:700}.header-key{color:#9876aa}.header-val{color:#a5c261}@media (width<=576px){.hero-text,.chaos-visual{flex:unset;width:100%;min-width:250px}.messy-item{width:250px;padding:10px}.quick-commands-text{min-width:unset;width:100%}}