:root{--bg-color: #0d1117;--card-bg: #161b22;--border-color: #30363d;--text-main: #c9d1d9;--text-dim: #8b949e;--accent-color: #58a6ff;--accent-glow: rgba(88, 166, 255, .15);--success: #238636;--error: #f85149;--active: #3fb950;--inactive: #8b949e;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box}body{margin:0;padding:0;background-color:var(--bg-color);color:var(--text-main);font-family:var(--font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--accent-color);text-decoration:none}button{cursor:pointer;font-family:inherit}.container{max-width:1000px;margin:2rem auto;padding:0 1rem}.card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;box-shadow:0 4px 12px #0003}.btn{padding:.6rem 1.2rem;border-radius:6px;border:1px solid var(--border-color);background:transparent;color:var(--text-main);font-weight:500;transition:all .2s ease}.btn:hover{border-color:var(--text-dim)}.btn-primary{background:var(--accent-color);color:#fff;border:none}.btn-primary:hover{filter:brightness(1.1);box-shadow:0 0 10px var(--accent-glow)}.input{width:100%;padding:.75rem;border-radius:6px;border:1px solid var(--border-color);background:#0d1117;color:#fff;margin-bottom:1rem}.input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 2px var(--accent-glow)}.nav{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;border-bottom:1px solid var(--border-color);background:var(--card-bg)}.logo{font-weight:800;font-size:1.5rem;letter-spacing:-.5px;color:#fff}.badge{padding:.2rem .6rem;border-radius:999px;font-size:.75rem;font-weight:600;text-transform:uppercase}.badge-active{background:#3fb95026;color:var(--active)}.badge-inactive{background:#8b949e26;color:var(--inactive)}.landing-container{max-width:1200px;margin:0 auto;padding:0 2rem}.hero h1{background:linear-gradient(90deg,#58a6ff,#bc8cff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:800}.code-block code{font-family:Source Code Pro,monospace;font-size:.9rem;word-break:break-all}.steps ol li{font-size:1.1rem;line-height:1.6}@media(max-width:768px){.hero h1{font-size:2.5rem}.hero p{font-size:1.1rem}div[style*="grid-template-columns: 1fr 1fr"]{grid-template-columns:1fr!important}}