@import url("https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&family=Outfit:wght@300;400;500;600&display=swap");:root{--font-mono:"Space Mono",monospace;--font-body:"Outfit",sans-serif;--stope-bg:var(--bg-primary);--stope-sidebar:var(--bg-surface);--stope-sidebar-border:var(--border);--stope-chat-bg:var(--bg-primary);--stope-bubble-bot:var(--bubble-assistant);--stope-bubble-border:var(--border-light);--stope-bubble-user:var(--bubble-user);--stope-accent:var(--accent-orange);--stope-accent-hover:var(--accent-orange-hover);--stope-text-primary:var(--text-primary);--stope-text-dark:var(--text-primary);--stope-text-muted:var(--text-secondary);--stope-text-label:var(--text-muted);--stope-tag-bg:var(--bg-card);--stope-tag-text:var(--text-secondary);--stope-input-bg:var(--bg-input);--stope-input-dark:var(--bg-surface);--stope-success:var(--success);--stope-success-bg:var(--success-bg);--stope-error:var(--error);--stope-error-bg:var(--error-bg)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-body);color:var(--text-primary);overflow-x:hidden;background:var(--bg-primary)}.page,body{min-height:100vh}.page{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px}.header{text-align:center;margin-bottom:32px;animation:fadeIn .6s ease-out}.name{font-family:var(--font-mono);font-size:.8rem;letter-spacing:3px;text-transform:uppercase;color:var(--stope-text-muted);margin-bottom:20px}.headline{font-family:var(--font-body);font-size:clamp(1.8rem,4vw,2.8rem);font-weight:300;line-height:1.25;color:var(--stope-text-dark);max-width:560px}.subline{margin-top:14px;font-size:.95rem;color:var(--stope-text-muted);font-weight:400}.chat-box{width:100%;max-width:600px;background:var(--stope-chat-bg);border:1px solid var(--stope-sidebar-border);border-radius:16px;overflow:hidden;animation:fadeUp .6s ease-out .1s both}.gate{padding:36px 28px;text-align:center}.gate p{font-size:.88rem;color:var(--stope-text-muted);margin-bottom:20px;line-height:1.6}.gate-form{display:flex;gap:8px}.gate-form input{flex:1 1;padding:14px 16px;background:var(--stope-input-bg);border:1.5px solid var(--stope-accent);border-radius:10px;color:var(--input-text);font-family:var(--font-body);font-size:.9rem;outline:none;transition:border-color .2s}.gate-form input::placeholder{color:var(--stope-text-label)}.gate-form input:focus{border-color:var(--stope-accent-hover)}.gate-form button,.send-btn{padding:14px 24px;background:var(--stope-accent);color:#fff;border:none;border-radius:10px;font-family:var(--font-body);font-size:.9rem;font-weight:600;cursor:pointer;transition:opacity .2s;white-space:nowrap}.gate-form button:hover,.send-btn:hover{opacity:.85}.gate-form button:disabled,.send-btn:disabled{opacity:.3;cursor:not-allowed}.messages{padding:20px;min-height:280px;max-height:420px;overflow-y:auto;display:flex;flex-direction:column;gap:14px}.messages::-webkit-scrollbar{width:3px}.messages::-webkit-scrollbar-thumb{background:var(--stope-bubble-border);border-radius:2px}.msg{max-width:82%;animation:msgIn .25s ease-out}.msg.bot{align-self:flex-start}.msg.user{align-self:flex-end}.msg-label{font-size:.68rem;text-transform:uppercase;letter-spacing:1px;color:var(--stope-text-muted);margin-bottom:5px;font-weight:600}.msg.user .msg-label{text-align:right}.bubble{padding:13px 16px;border-radius:12px;font-size:.9rem;line-height:1.6}.msg.bot .bubble{background:var(--stope-bubble-bot);border:1px solid var(--stope-bubble-border);color:var(--stope-text-primary);border-bottom-left-radius:3px}.msg.user .bubble{background:var(--stope-bubble-user);color:#fff;border-bottom-right-radius:3px}.input-area{padding:14px 20px;border-top:1px solid var(--stope-sidebar-border);display:flex;gap:8px}.input-area input{flex:1 1;padding:13px 16px;background:var(--stope-input-dark);border:1.5px solid var(--stope-accent);border-radius:10px;color:var(--stope-text-primary);font-family:var(--font-body);font-size:.9rem;outline:none;transition:border-color .2s}.input-area input:focus{border-color:var(--stope-accent-hover)}.dots{display:flex;gap:5px;padding:13px 16px;align-self:flex-start}.dots span{width:6px;height:6px;background:var(--stope-text-label);border-radius:50%;animation:bounce 1.4s infinite}.dots span:nth-child(2){animation-delay:.2s}.dots span:nth-child(3){animation-delay:.4s}.footer{margin-top:28px;font-size:.72rem;letter-spacing:.5px;animation:fadeIn .6s ease-out .3s both}.footer,.footer a{color:var(--stope-text-muted)}.footer a{text-decoration:none;border-bottom:1px solid var(--stope-sidebar-border)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes msgIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-5px)}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media (max-width:600px){.page{padding:32px 16px}.gate{padding:28px 20px}.gate-form{flex-direction:column}.messages{min-height:240px;max-height:360px}}.quick-qs{padding:12px 20px 6px;display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.quick-q{padding:10px 18px;background:transparent;border:1px solid var(--stope-accent);border-radius:100px;color:var(--stope-accent);font-family:var(--font-body);font-size:.82rem;font-weight:400;cursor:pointer;transition:all .25s ease;white-space:nowrap;letter-spacing:.2px}.quick-q:hover{background:rgba(232,93,4,.08);border-color:var(--stope-accent-hover);color:var(--stope-accent-hover)}:root{--bg-primary:#1a1a1a;--bg-surface:#242424;--bg-card:#2d2d2d;--bg-input:#fff;--bg-nav:#141414;--text-primary:#fff;--text-secondary:#a0a0a0;--text-input:#1a1a1a;--input-text:#1a1a1a;--text-muted:#666;--accent-orange:#e8622a;--accent-orange-hover:#d4541f;--accent-tan:#c9b99a;--success:#2d6a4f;--success-bg:#1a3d2e;--error:#c0392b;--error-bg:#3d1a1a;--border:#2a2a2a;--border-light:#333;--bubble-assistant:#2d2d2d;--bubble-user:#e8622a;--bubble-text:#fff;--radius:16px;--radius-sm:8px}