@import "https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;500;600;700&family=Montserrat:wght@500;600;700&display=swap";
:root{--obsidian:#0b0b0d;--graphite:#1a1a1f;--graphite-light:#222228;--signal-orange:#ff6a00;--signal-orange-dim:#ff6a001f;--warm-ivory:#f4f1eb;--muted-slate:#777781;--muted-slate-light:#9999a3;--bg-primary:var(--obsidian);--bg-surface:var(--graphite);--bg-surface-hover:var(--graphite-light);--text-primary:var(--warm-ivory);--text-secondary:var(--muted-slate);--text-accent:var(--signal-orange);--border-subtle:#f4f1eb14;--border-hover:#f4f1eb26;--font-primary:"Manrope", system-ui, -apple-system, sans-serif;--font-accent:"Montserrat", var(--font-primary);--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-medium:.2s cubic-bezier(.4, 0, .2, 1);--max-width:1200px;--spacing-xs:.5rem;--spacing-sm:1rem;--spacing-md:1.5rem;--spacing-lg:2rem;--spacing-xl:3rem;--spacing-2xl:4rem;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;height:100%}html,body{max-width:100vw;overflow-x:hidden}body{background-color:var(--bg-primary);min-height:100%;color:var(--text-primary);font-family:var(--font-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;flex-direction:column;font-weight:400;line-height:1.6;display:flex}:has(>[data-chai-backdrop]){isolation:isolate;position:relative;overflow-x:clip}h1{font-family:var(--font-primary);letter-spacing:-.02em;color:var(--text-primary);font-size:clamp(2rem,5vw,3rem);font-weight:600;line-height:1.15}h2{font-family:var(--font-primary);color:var(--text-primary);font-size:clamp(1.25rem,3vw,1.75rem);font-weight:500;line-height:1.3}h3{font-family:var(--font-primary);color:var(--text-primary);font-size:1.125rem;font-weight:500}p{color:var(--text-secondary);font-size:1rem;line-height:1.7}a{color:inherit;transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--text-accent)}.card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--spacing-lg);transition:border-color var(--transition-medium), background-color var(--transition-medium)}.card:hover{border-color:var(--border-hover);background:var(--bg-surface-hover)}.btn{font-family:var(--font-primary);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;z-index:1;border:none;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.9375rem;font-weight:600;line-height:1;display:inline-flex;position:relative}.btn:focus-visible{outline:2px solid var(--signal-orange);outline-offset:2px}.btn-primary{background:var(--signal-orange);color:var(--obsidian)}.btn-primary:hover{background:#ff7d1a;transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{color:var(--text-primary);border:1px solid var(--border-subtle);background:0 0}.btn-secondary:hover{border-color:var(--border-hover);background:var(--bg-surface)}.input{font-family:var(--font-primary);background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);transition:border-color var(--transition-fast);outline:none;width:100%;padding:.75rem 1rem;font-size:1rem}.input::placeholder{color:var(--muted-slate)}.input:focus{border-color:var(--signal-orange)}.container{width:100%;max-width:var(--max-width);padding:0 var(--spacing-md);z-index:1;margin:0 auto;position:relative}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--muted-slate);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--muted-slate-light)}
