:root{--bg-deep: hsl(220, 20%, 4%);--bg-panel: hsl(220, 20%, 8%);--border-subtle: hsl(220, 20%, 15%);--text-main: hsl(220, 10%, 90%);--text-muted: hsl(220, 10%, 60%);--accent-blue: hsl(210, 100%, 55%);--accent-blue-glow: hsla(210, 100%, 55%, .2);--accent-green: hsl(150, 100%, 40%);--accent-yellow: hsl(40, 100%, 50%);--accent-red: hsl(0, 100%, 60%);--font-sans: "Inter", sans-serif;--font-mono: "Roboto Mono", monospace}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--bg-deep);color:var(--text-main);font-family:var(--font-sans);min-height:100vh;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden}.grid-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(to right,var(--border-subtle) 1px,transparent 1px),linear-gradient(to bottom,var(--border-subtle) 1px,transparent 1px);background-size:40px 40px;opacity:.3;z-index:0;mask-image:radial-gradient(circle at center,black 10%,transparent 80%);-webkit-mask-image:radial-gradient(circle at center,black 10%,transparent 80%)}.hq-container{position:relative;z-index:10;display:flex;flex-direction:column;gap:2rem;max-width:600px;width:90%;margin:2rem 0}.code-block{background-color:var(--bg-panel);border:1px solid var(--border-subtle);border-radius:8px;padding:1.5rem;box-shadow:0 4px 30px #00000080}.code-block pre{font-family:var(--font-mono);font-size:.85rem;line-height:1.6;color:var(--text-main);overflow-x:auto}.kw{color:#c775f0;font-weight:700}.cn{color:#f5b83d;font-weight:700}.typ{color:var(--accent-blue)}.str{color:var(--accent-green)}.command-center{text-align:center}.brand-title{font-size:2.5rem;font-weight:800;letter-spacing:-1px;background:linear-gradient(to right,#fff,var(--text-muted));-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:.5rem}.methodology-badge{display:inline-block;font-family:var(--font-mono);font-size:.75rem;padding:.3rem .8rem;background-color:var(--accent-blue-glow);color:var(--accent-blue);border-radius:9999px;border:1px solid var(--accent-blue);margin-bottom:2rem;text-transform:uppercase;letter-spacing:1px}.terminal-box{background-color:var(--bg-panel);border:1px solid var(--border-subtle);border-radius:8px;text-align:left;overflow:hidden;box-shadow:0 10px 40px #0009}.terminal-header{background-color:#181d25;padding:.75rem 1rem;display:flex;align-items:center;gap:.5rem;border-bottom:1px solid var(--border-subtle)}.dot{width:10px;height:10px;border-radius:50%}.dot.red{background-color:var(--accent-red)}.dot.yellow{background-color:var(--accent-yellow)}.dot.green{background-color:var(--accent-green)}.terminal-title{margin-left:auto;margin-right:auto;font-family:var(--font-mono);font-size:.75rem;color:var(--text-muted)}.terminal-body{padding:1.5rem;font-family:var(--font-mono);font-size:.85rem}.prompt{color:var(--accent-green)}.log-entry{color:var(--text-muted);margin-top:.5rem;font-size:.8rem}.log-entry.ok{color:var(--accent-green)}.log-entry.warn{color:var(--accent-yellow)}.oauth-btn{margin-top:2rem;width:100%;padding:1rem;background-color:var(--border-subtle);color:var(--text-muted);border:1px solid hsl(220,20%,20%);border-radius:6px;font-family:var(--font-mono);font-size:.8rem;font-weight:700;display:flex;align-items:center;justify-content:center;gap:.75rem;cursor:not-allowed;transition:all .3s ease;position:relative;overflow:hidden}.oauth-btn:before{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(to right,transparent,hsla(0,0%,100%,.05),transparent);animation:shine 4s infinite linear}@keyframes shine{0%{left:-100%}20%{left:200%}to{left:200%}}.github-icon{width:20px;height:20px;fill:currentColor}.subtitle-hint{text-align:center;font-size:.7rem;color:var(--text-muted);margin-top:1rem;font-family:var(--font-sans)}