@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=Inter:wght@400;500;600&display=swap";
:root{--bg-base:#000;--bg-glass:#0f0f0fb3;--bg-glass-hover:#1e1e1ecc;--border-glass:#ffffff14;--text-primary:#fff;--text-secondary:#a0a0a0;--text-muted:#6b7280;--accent-primary:#0ea5e9;--accent-glow:#0ea5e966;--accent-gradient:linear-gradient(135deg, #0ea5e9 0%, #3b82f6 100%);--success:#10b981;--warning:#f59e0b;--error:#ef4444;--sidebar-width:280px;--radius-lg:16px;--radius-md:12px;--radius-sm:8px;--blur-md:blur(12px);--blur-lg:blur(24px)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-base);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100dvh;font-family:Inter,sans-serif}h1,h2,h3,h4,h5,h6{font-family:Outfit,sans-serif;font-weight:600}.app-container{width:100vw;height:100dvh;display:flex}.sidebar{width:var(--sidebar-width);background:var(--bg-glass);-webkit-backdrop-filter:var(--blur-md);border-right:1px solid var(--border-glass);z-index:10;flex-direction:column;padding:24px;display:flex}.branding{align-items:center;gap:12px;margin-bottom:40px;display:flex}.branding-logo-img{border-radius:var(--radius-md);object-fit:cover;width:40px;height:40px;box-shadow:0 4px 12px var(--accent-glow)}.branding-text h1{letter-spacing:.5px;background:var(--text-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:16px}.branding-text p{color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;margin-top:2px;font-size:11px}.new-chat-btn{border:1px solid var(--border-glass);color:var(--text-primary);border-radius:var(--radius-md);cursor:pointer;background:0 0;align-items:center;gap:8px;padding:12px 16px;font-family:Outfit,sans-serif;font-size:14px;font-weight:500;transition:all .2s;display:flex}.new-chat-btn:hover{background:var(--bg-glass-hover);border-color:#fff3}.new-chat-btn svg{width:18px;height:18px}.main-content{flex-direction:column;flex:1;display:flex;position:relative}.chat-container{scroll-behavior:smooth;flex-direction:column;flex:1;gap:24px;padding:40px 24px;display:flex;overflow-y:auto}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#fff3}.message-wrapper{gap:16px;width:100%;max-width:800px;margin:0 auto;animation:.3s forwards fadeIn;display:flex}.message-wrapper.user{flex-direction:row-reverse}.avatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-family:Outfit,sans-serif;font-size:14px;font-weight:600;display:flex}.avatar.ai-avatar img{object-fit:cover;width:36px;height:36px;box-shadow:0 4px 12px var(--accent-glow);border-radius:50%}.avatar.user-avatar{background:var(--bg-glass-hover);border:1px solid var(--border-glass);color:var(--text-primary)}.message-bubble{border-radius:var(--radius-lg);max-width:85%;padding:16px 20px;font-size:16px;line-height:1.7}.message-wrapper.user .message-bubble{background:var(--bg-glass);border:1px solid var(--border-glass);color:var(--text-primary);border-top-right-radius:4px;font-size:16px}.message-wrapper.ai .message-bubble{color:var(--text-primary);background:0 0;padding:8px 0;font-size:16px}.tool-indicator{border-radius:var(--radius-sm);color:var(--accent-primary);background:#0ea5e91a;border:1px solid #0ea5e94d;align-items:center;gap:8px;width:fit-content;margin-bottom:12px;padding:8px 12px;font-family:Outfit,sans-serif;font-size:13px;animation:2s infinite pulse;display:flex}.input-area{background:linear-gradient(to top, var(--bg-base) 60%, transparent);padding:24px;position:relative}.input-wrapper{background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:var(--radius-lg);max-width:800px;-webkit-backdrop-filter:var(--blur-lg);align-items:flex-end;margin:0 auto;padding:12px;transition:border-color .2s,box-shadow .2s;display:flex;position:relative}.input-wrapper:focus-within{border-color:#0ea5e980;box-shadow:0 0 0 2px #0ea5e933,0 8px 24px #0006}.chat-textarea{color:var(--text-primary);resize:none;box-sizing:border-box;background:0 0;border:none;flex:1;min-height:40px;max-height:200px;padding:9px 12px;font-family:Inter,sans-serif;font-size:15px;line-height:1.5;overflow-y:auto}.chat-textarea:focus{outline:none}.chat-textarea::placeholder{color:var(--text-muted)}.send-btn{border-radius:var(--radius-md);background:var(--text-primary);width:40px;height:40px;color:var(--bg-base);cursor:pointer;border:none;flex-shrink:0;justify-content:center;align-items:center;margin-left:12px;transition:all .2s;display:flex}.send-btn:hover:not(:disabled){opacity:.9;transform:scale(1.05)}.send-btn:disabled{background:var(--bg-glass-hover);color:var(--text-muted);cursor:not-allowed}.markdown-body{font-family:Inter,sans-serif}.markdown-body p{margin-bottom:12px}.markdown-body h1,.markdown-body h2,.markdown-body h3{color:#fff;margin-top:24px;margin-bottom:12px}.markdown-body code{background:var(--bg-glass);color:#e2e8f0;border-radius:4px;padding:2px 6px;font-family:monospace;font-size:.9em}.markdown-body pre{border-radius:var(--radius-md);border:1px solid var(--border-glass);background:#0f1115;margin-bottom:16px;padding:16px;overflow-x:auto}.markdown-body a{color:var(--accent-primary);text-decoration:none}.markdown-body a:hover{text-decoration:underline}.markdown-body ul,.markdown-body ol{margin-bottom:12px;margin-left:20px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{opacity:1}50%{opacity:.6}to{opacity:1}}.built-by-badge{color:var(--text-muted);letter-spacing:.5px;z-index:50;background:var(--bg-glass);border:1px solid var(--border-glass);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:20px;padding:6px 14px;font-family:Outfit,sans-serif;font-size:12px;transition:all .2s;position:absolute;top:16px;right:24px;box-shadow:0 4px 12px #0000001a}.built-by-badge:hover{color:var(--text-primary);border-color:#fff3}.mobile-header{border-bottom:1px solid var(--border-glass);-webkit-backdrop-filter:var(--blur-md);z-index:30;background:#0f1115f2;flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 20px;display:none;position:sticky;top:0}.menu-btn{color:var(--text-primary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:flex}.sidebar-overlay{z-index:40;-webkit-backdrop-filter:blur(2px);background:#000000b3;display:none;position:fixed;inset:0}@media (max-width:1024px){.sidebar{width:240px}.message-wrapper{max-width:95%}}@media (max-width:768px){.mobile-header{display:flex}.sidebar{z-index:50;background:#0f1115;width:280px;transition:left .3s cubic-bezier(.4,0,.2,1);position:fixed;top:0;bottom:0;left:-300px}.sidebar.mobile-open{left:0}.sidebar .menu-btn.d-md-none{display:flex!important}.sidebar-overlay.mobile-open{display:block}.built-by-badge{display:none}.message-wrapper{gap:10px;max-width:100%;padding:4px 0}.message-bubble{max-width:92%;padding:10px 14px;font-size:15px;line-height:1.6}.message-wrapper.user .message-bubble{font-size:15px}.avatar,.avatar.ai-avatar img{width:28px;height:28px}.chat-container{-webkit-overflow-scrolling:touch;flex:1;padding:16px 12px;overflow-y:auto}.input-area{padding:10px 12px;padding-bottom:calc(10px + env(safe-area-inset-bottom));border-top:1px solid var(--border-glass);background:#000000f2;flex-shrink:0}.input-wrapper{border-radius:14px;max-width:100%;padding:8px}.chat-textarea{min-height:36px;padding:7px 10px;font-size:16px}.send-btn{width:36px;height:36px;margin-left:8px}.gmail-draft-card{max-width:100%}.gmail-draft-actions{flex-direction:column;gap:8px}.gmail-draft-actions button{justify-content:center;width:100%}.tool-indicator{padding:6px 10px;font-size:12px}.markdown-body pre{max-width:calc(100vw - 80px);padding:12px;font-size:13px;overflow-x:auto}.markdown-body table{max-width:calc(100vw - 80px);font-size:13px;display:block;overflow-x:auto}.branding-text h1{font-size:14px}}@media (max-width:480px){.mobile-header span{font-size:12px!important}.mobile-header img{width:24px!important;height:24px!important}.message-bubble{max-width:95%;padding:8px 12px;font-size:14px}.avatar,.avatar.ai-avatar img{width:24px;height:24px}.chat-container{gap:16px;padding:12px 8px}.input-area{padding:8px;padding-bottom:calc(8px + env(safe-area-inset-bottom))}}.gmail-draft-card{border-radius:var(--radius-md);background:#1e1e1e;border:1px solid #333;margin-top:16px;font-family:Inter,sans-serif;overflow:hidden;box-shadow:0 4px 12px #0000004d}.gmail-draft-header{color:#e2e8f0;background:#2d2d2d;border-bottom:1px solid #333;padding:12px 16px;font-size:14px}.gmail-draft-header div{margin-bottom:4px}.gmail-draft-header div:last-child{margin-bottom:0}.gmail-draft-header .label{color:#9ba1a6;width:60px;display:inline-block}.gmail-draft-body{color:#f8f9fa;min-height:100px;max-height:300px;padding:16px;font-size:14px;line-height:1.6;overflow-y:auto}.gmail-draft-actions{background:#2d2d2d;border-top:1px solid #333;justify-content:flex-end;gap:12px;padding:12px 16px;display:flex}.btn-cancel{color:#9ba1a6;border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:none;padding:8px 16px;font-size:14px;font-weight:500;transition:color .2s}.btn-cancel:hover{color:#f8f9fa}.btn-send-gmail{color:#fff;cursor:pointer;background:#404040;border:1px solid #555;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:500;transition:background .2s;display:flex}.btn-send-gmail:hover{background:#505050}.gmail-icon{width:16px;height:16px}.landing-container{text-align:center;background:radial-gradient(circle at top,#111 0%,#000 60%);flex-direction:column;align-items:center;min-height:100dvh;padding:100px 24px 60px;display:flex}.landing-title{letter-spacing:-1px;background:linear-gradient(135deg,#fff 0%,#9ba1a6 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:24px;font-size:3.5rem;font-weight:800;line-height:1.1;animation:1s forwards fadeIn}.landing-subtitle{color:var(--text-secondary);opacity:0;max-width:600px;margin-bottom:48px;font-size:1.2rem;line-height:1.6;animation:1.2s forwards fadeIn}.feature-grid{opacity:0;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;width:100%;max-width:1000px;margin-bottom:64px;animation:1.4s forwards fadeIn;display:grid}.feature-card{background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:var(--radius-lg);-webkit-backdrop-filter:var(--blur-lg);will-change:transform;text-align:center;cursor:default;flex-direction:column;align-items:center;padding:24px;transition:border-color .3s,box-shadow .3s;display:flex}.feature-card:hover{border-color:#fff3;animation:.4s forwards card-jiggle}.feature-card:first-child{animation:4s ease-in-out infinite glow-1}.feature-card:nth-child(2){animation:4s ease-in-out -.6s infinite glow-2}.feature-card:nth-child(3){animation:4s ease-in-out -1.2s infinite glow-3}.feature-card:nth-child(4){animation:4s ease-in-out -1.8s infinite glow-4}.feature-card:nth-child(5){animation:4s ease-in-out -2.4s infinite glow-5}.feature-card:nth-child(6){animation:4s ease-in-out -3s infinite glow-6}.feature-card:first-child:hover{animation:.4s forwards card-jiggle,4s ease-in-out infinite glow-1}.feature-card:nth-child(2):hover{animation:.4s forwards card-jiggle,4s ease-in-out infinite glow-2}.feature-card:nth-child(3):hover{animation:.4s forwards card-jiggle,4s ease-in-out infinite glow-3}.feature-card:nth-child(4):hover{animation:.4s forwards card-jiggle,4s ease-in-out infinite glow-4}.feature-card:nth-child(5):hover{animation:.4s forwards card-jiggle,4s ease-in-out infinite glow-5}.feature-card:nth-child(6):hover{animation:.4s forwards card-jiggle,4s ease-in-out infinite glow-6}@keyframes glow-1{0%,to{border-color:#ffffff14;box-shadow:0 0 #a855f700}50%{border-color:#a855f780;box-shadow:0 0 20px #a855f766,inset 0 0 10px #a855f733}}@keyframes glow-2{0%,to{border-color:#ffffff14;box-shadow:0 0 #f59e0b00}50%{border-color:#f59e0b80;box-shadow:0 0 20px #f59e0b66,inset 0 0 10px #f59e0b33}}@keyframes glow-3{0%,to{border-color:#ffffff14;box-shadow:0 0 #e2e8f000}50%{border-color:#e2e8f080;box-shadow:0 0 20px #e2e8f066,inset 0 0 10px #e2e8f033}}@keyframes glow-4{0%,to{border-color:#ffffff14;box-shadow:0 0 #ef444400}50%{border-color:#ef444480;box-shadow:0 0 20px #ef444466,inset 0 0 10px #ef444433}}@keyframes glow-5{0%,to{border-color:#ffffff14;box-shadow:0 0 #10b98100}50%{border-color:#10b98180;box-shadow:0 0 20px #10b98166,inset 0 0 10px #10b98133}}@keyframes glow-6{0%,to{border-color:#ffffff14;box-shadow:0 0 #0ea5e900}50%{border-color:#0ea5e980;box-shadow:0 0 20px #0ea5e966,inset 0 0 10px #0ea5e933}}@keyframes card-jiggle{0%{transform:translateY(0)rotate(0)}20%{transform:translateY(-4px)rotate(-1.5deg)}40%{transform:translateY(-7px)rotate(1.5deg)}60%{transform:translateY(-6px)rotate(-.8deg)}80%{transform:translateY(-7px)rotate(.4deg)}to{transform:translateY(-7px)rotate(0)}}.feature-icon{margin-bottom:16px;font-size:2rem}.feature-title{color:var(--text-primary);margin-bottom:8px;font-family:Outfit,sans-serif;font-size:1.1rem;font-weight:600}.feature-desc{color:var(--text-muted);font-size:.9rem;line-height:1.5}.launch-btn{background:var(--accent-gradient);color:#fff;cursor:pointer;box-shadow:0 4px 20px var(--accent-glow);opacity:0;border:none;border-radius:30px;padding:16px 40px;font-family:Outfit,sans-serif;font-size:1.1rem;font-weight:600;text-decoration:none;transition:all .3s;animation:1.6s forwards fadeIn}.launch-btn:hover{transform:scale(1.05);box-shadow:0 6px 25px #0ea5e999}.landing-nav{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:100;background:#0a0a0acc;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:20px 40px;display:flex;position:sticky;top:0}.nav-left{align-items:center;gap:12px;display:flex}.nav-links{align-items:center;gap:24px;display:flex}.nav-link{color:#a0a0a0;font-size:14px;font-weight:500;text-decoration:none;transition:color .2s}.nav-link:hover{color:#fff}.mcp-badge{color:#10b981;background:#10b9811a;border:1px solid #10b98133;border-radius:20px;align-items:center;gap:8px;padding:6px 12px;font-size:13px;font-weight:500;display:flex}.tech-badges{flex-wrap:wrap;justify-content:center;gap:8px;max-width:800px;margin-top:24px;display:flex}.tech-badge{color:#c9d1d9;background:#ffffff08;border:1px solid #ffffff1a;border-radius:20px;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.tech-badge:hover{background:#ffffff14;border-color:#fff3}.section-title{text-align:center;background:linear-gradient(135deg,#fff 0%,#a0a0a0 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:40px;font-size:32px;font-weight:700}.mermaid-container{background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:16px;justify-content:center;max-width:1000px;margin:40px auto;padding:24px;display:flex;overflow-x:auto}.system-flow{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:20px;display:flex}.flow-box{color:#58a6ff;background:#58a6ff1a;border:1px solid #58a6ff33;border-radius:8px;padding:8px 16px;font-size:14px;font-weight:600}.flow-arrow{color:#666}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;max-width:1000px;margin:0 auto 60px;display:grid}.project-card{background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:16px;padding:24px;transition:all .3s;position:relative;overflow:hidden}.project-card:hover{border-color:#58a6ff66;transform:translateY(-5px);box-shadow:0 10px 30px #00000080}.project-tech-stack{opacity:.5;flex-wrap:wrap;gap:6px;margin-top:16px;transition:opacity .3s;display:flex}.project-card:hover .project-tech-stack{opacity:1}.project-tech-stack span{background:#ffffff1a;border-radius:12px;padding:4px 8px;font-size:11px}.prompt-chips{flex-wrap:wrap;justify-content:center;gap:12px;margin:30px 0;display:flex}.prompt-chip{color:#ccc;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;padding:10px 16px;font-size:14px;transition:all .2s}.prompt-chip:hover{color:#fff;background:#58a6ff1a;border-color:#58a6ff4d}.trust-badges{flex-wrap:wrap;justify-content:center;gap:20px;margin-top:20px;display:flex}.trust-badge{color:#888;align-items:center;gap:6px;font-size:12px;display:flex}.site-footer{border-top:1px solid var(--border-glass);text-align:center;background:#0a0a0a;margin-top:60px;padding:40px 20px}.footer-content{flex-direction:column;align-items:center;gap:20px;max-width:1000px;margin:0 auto;display:flex}.social-links{gap:16px;display:flex}.social-links a{color:#888;transition:color .2s}.social-links a:hover{color:#fff}@media (max-width:768px){.landing-nav{flex-direction:column;gap:16px;padding:16px}.nav-links{flex-wrap:wrap;justify-content:center}.system-flow{flex-direction:column;gap:4px}.flow-arrow{transform:rotate(90deg)}}