@import url("https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600&family=Outfit:wght@300;400;500;600;700&display=swap");:root{--bg-primary:#0a0a0c;--bg-secondary:#111114;--bg-tertiary:#18181c;--glass-bg:rgba(255,255,255,0.03);--glass-bg-hover:rgba(255,255,255,0.06);--glass-border:rgba(255,255,255,0.08);--glass-border-strong:rgba(255,255,255,0.15);--glass-shadow:0 8px 32px rgba(0,0,0,0.4);--glass-blur:blur(20px);--glass-glow:0 0 40px rgba(74,222,128,0.05);--accent-primary:#4ade80;--accent-secondary:#22d3ee;--accent-tertiary:#a78bfa;--accent-warm:#fbbf24;--text-primary:rgba(255,255,255,0.95);--text-secondary:rgba(255,255,255,0.6);--text-tertiary:rgba(255,255,255,0.4);--text-muted:rgba(255,255,255,0.25);--success:#4ade80;--warning:#fbbf24;--error:#f87171;--info:#60a5fa;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-2xl:32px;--font-sans:"Outfit",-apple-system,BlinkMacSystemFont,sans-serif;--font-mono:"JetBrains Mono","SF Mono",monospace;--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-base:250ms cubic-bezier(0.4,0,0.2,1);--transition-slow:400ms cubic-bezier(0.4,0,0.2,1)}*{box-sizing:border-box;padding:0;margin:0}html{scroll-behavior:smooth}body,html{max-width:100vw;overflow-x:hidden}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}.gradient-bg{position:fixed;inset:0;z-index:-1;background:radial-gradient(ellipse 80% 50% at 20% -20%,rgba(74,222,128,.12) 0,transparent 50%),radial-gradient(ellipse 60% 40% at 80% 0,rgba(34,211,238,.08) 0,transparent 50%),radial-gradient(ellipse 50% 50% at 50% 100%,rgba(167,139,250,.06) 0,transparent 50%),var(--bg-primary);animation:gradientShift 20s ease-in-out infinite}@keyframes gradientShift{0%,to{background-position:0 0,100% 0,50% 100%}50%{background-position:20% 10%,80% -10%,50% 90%}}.glass-card{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-xl);box-shadow:var(--glass-shadow),var(--glass-glow);transition:all var(--transition-base)}.glass-card:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-strong);transform:translateY(-2px);box-shadow:var(--glass-shadow),0 0 60px rgba(74,222,128,.08)}.glass-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.75rem;background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-lg);color:var(--text-primary);font-family:var(--font-sans);font-size:.9375rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.glass-btn:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-strong);transform:translateY(-1px)}.glass-btn-primary{background:linear-gradient(135deg,var(--accent-primary) 0,#16a34a 100%);border-color:transparent;color:#0a0a0c;font-weight:600;box-shadow:0 0 20px rgba(74,222,128,.3)}.glass-btn-primary:hover{background:linear-gradient(135deg,#5eead4 0,var(--accent-primary) 100%);box-shadow:0 0 30px rgba(74,222,128,.5);transform:translateY(-2px)}.glass-input{width:100%;padding:.875rem 1rem;background:rgba(0,0,0,.3);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-sans);font-size:.9375rem;transition:all var(--transition-fast);outline:none}.glass-input::placeholder{color:var(--text-tertiary)}.glass-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px rgba(74,222,128,.15)}.glass-input:hover:not(:focus){border-color:var(--glass-border-strong)}.glass-select{width:100%;padding:.875rem 1rem;background:rgba(0,0,0,.3);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-sans);font-size:.9375rem;cursor:pointer;transition:all var(--transition-fast);outline:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='rgba(255,255,255,0.4)'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;background-size:1rem}.glass-select:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px rgba(74,222,128,.15)}.glass-select option{background:var(--bg-secondary);color:var(--text-primary)}.status-dot{width:8px;height:8px;border-radius:50%;animation:pulse 2s ease-in-out infinite}.status-dot.online{background:var(--success);box-shadow:0 0 8px var(--success)}.status-dot.offline{background:var(--text-tertiary)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.gradient-text{background:linear-gradient(135deg,var(--accent-primary) 0,var(--accent-secondary) 50%,var(--accent-tertiary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-text-green{background:linear-gradient(135deg,#4ade80,#22d3ee);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.animated-border{position:relative}.animated-border:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary),var(--accent-tertiary),var(--accent-primary));background-size:300% 300%;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:borderRotate 4s linear infinite;opacity:0;transition:opacity var(--transition-base)}.animated-border:hover:before{opacity:1}@keyframes borderRotate{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--glass-border-strong)}a{color:inherit;text-decoration:none}a:hover{color:var(--accent-primary)}.font-mono{font-family:var(--font-mono)}.text-muted{color:var(--text-secondary)}.text-accent{color:var(--accent-primary)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.stagger-in>*{animation:fadeInUp .5s ease-out backwards}.stagger-in>:first-child{animation-delay:.05s}.stagger-in>:nth-child(2){animation-delay:.1s}.stagger-in>:nth-child(3){animation-delay:.15s}.stagger-in>:nth-child(4){animation-delay:.2s}.stagger-in>:nth-child(5){animation-delay:.25s}.stagger-in>:nth-child(6){animation-delay:.3s}.stagger-in>:nth-child(7){animation-delay:.35s}.stagger-in>:nth-child(8){animation-delay:.4s}.hero-glow{position:absolute;width:600px;height:600px;border-radius:50%;filter:blur(120px);opacity:.4;pointer-events:none}.hero-glow-1{top:-200px;left:-100px;background:var(--accent-primary)}.hero-glow-2{top:100px;right:-200px;background:var(--accent-secondary)}.hero-glow-3{bottom:-100px;left:30%;background:var(--accent-tertiary)}.feature-icon{width:48px;height:48px;justify-content:center;border-radius:var(--radius-md);background:linear-gradient(135deg,rgba(74,222,128,.2),rgba(34,211,238,.1));border:1px solid rgba(74,222,128,.2);font-size:1.25rem;margin-bottom:1rem}.feature-icon,.folder-btn{display:flex;align-items:center}.folder-btn{gap:.75rem;width:100%;padding:.875rem 1rem;background:transparent;border:1px solid transparent;border-radius:var(--radius-md);color:var(--text-secondary);font-family:var(--font-sans);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast);text-align:left}.folder-btn:hover{background:var(--glass-bg);color:var(--text-primary)}.folder-btn.active{background:var(--glass-bg);border-color:var(--glass-border);color:var(--accent-primary)}.folder-btn .icon{font-size:1.125rem;opacity:.8}.email-row{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:transparent;border-bottom:1px solid var(--glass-border);cursor:pointer;transition:all var(--transition-fast)}.email-row:hover{background:var(--glass-bg)}.email-row.unread{background:rgba(74,222,128,.03)}.email-row.unread .email-subject{color:var(--text-primary);font-weight:600}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,var(--glass-bg) 25%,var(--glass-bg-hover) 50%,var(--glass-bg) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm)}.input-group{position:relative}.input-group label{display:block;margin-bottom:.5rem;font-size:.8125rem;font-weight:500;color:var(--text-secondary);letter-spacing:.02em}.glass-checkbox{display:flex;align-items:center;gap:.75rem;cursor:pointer;font-size:.875rem;color:var(--text-secondary)}.glass-checkbox input[type=checkbox]{appearance:none;width:18px;height:18px;background:rgba(0,0,0,.3);border:1px solid var(--glass-border);border-radius:4px;cursor:pointer;transition:all var(--transition-fast);position:relative}.glass-checkbox input[type=checkbox]:checked{background:var(--accent-primary);border-color:var(--accent-primary)}.glass-checkbox input[type=checkbox]:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#0a0a0c;font-size:12px;font-weight:700}.badge{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-sm);background:rgba(167,139,250,.15);color:var(--accent-tertiary);border:1px solid rgba(167,139,250,.2)}.badge.coming-soon{background:rgba(251,191,36,.15);color:var(--accent-warm);border-color:rgba(251,191,36,.2)}.brand-text{font-family:var(--font-mono);font-weight:600;letter-spacing:-.02em}.docs-content h1{font-size:2rem;font-weight:700;margin-bottom:1rem;letter-spacing:-.02em}.docs-content h2{font-size:1.5rem;font-weight:600;margin-top:2.5rem;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--glass-border)}.docs-content h3{font-size:1.125rem;font-weight:600;margin-top:1.75rem;margin-bottom:.75rem}.docs-content ol,.docs-content p,.docs-content ul{color:var(--text-secondary);line-height:1.8;margin-bottom:1rem}.docs-content ol,.docs-content ul{padding-left:1.5rem}.docs-content li{margin-bottom:.375rem}.docs-content code{font-family:var(--font-mono);background:rgba(0,0,0,.3);border:1px solid var(--glass-border);border-radius:4px;padding:.125rem .375rem;font-size:.85em;color:var(--accent-primary)}.docs-content pre{background:rgba(0,0,0,.4);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:1.25rem;margin-bottom:1.5rem;overflow-x:auto;font-family:var(--font-mono);font-size:.8125rem;line-height:1.7;color:var(--text-secondary)}.docs-content pre code{background:none;border:none;padding:0;color:inherit}.docs-content table{width:100%;border-collapse:collapse;margin-bottom:1.5rem;font-size:.875rem}.docs-content table th{text-align:left;font-weight:600;font-size:.8125rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;background:rgba(0,0,0,.2)}.docs-content table td,.docs-content table th{padding:.75rem 1rem;border-bottom:1px solid var(--glass-border)}.docs-content table td{color:var(--text-secondary)}.docs-content table tr:last-child td{border-bottom:none}.docs-content .info-box{padding:1rem 1.25rem;border-radius:var(--radius-md);margin-bottom:1.5rem;font-size:.875rem;line-height:1.7}.docs-content .info-box.note{background:rgba(96,165,250,.08);border:1px solid rgba(96,165,250,.2);color:var(--info)}.docs-content .info-box.warning{background:rgba(251,191,36,.08);border:1px solid rgba(251,191,36,.2);color:var(--warning)}.docs-content .info-box.tip{background:rgba(74,222,128,.08);border:1px solid rgba(74,222,128,.2);color:var(--accent-primary)}@media (max-width:768px){.dashboard-sidebar{display:none!important}.dashboard-sidebar.mobile-active{display:flex!important;position:absolute;inset:0;z-index:50;width:100%!important}.dashboard-list,.dashboard-sidebar.mobile-active>*{width:100%!important}.dashboard-list{border-right:none!important}.dashboard-list:not(.mobile-active){display:none!important}.dashboard-viewer{width:100%!important}.dashboard-viewer:not(.mobile-active){display:none!important}.dashboard-main{position:relative}.mobile-back-btn{display:inline-flex!important}.dashboard-header-right{gap:.5rem!important}.landing-nav-links{display:none!important}.landing-nav-mobile{display:inline-flex!important}.docs-sidebar{display:none!important;position:fixed!important;inset:0!important;top:5rem!important;width:100%!important;z-index:55;background:var(--bg-primary)!important;border-right:none!important}.docs-sidebar.docs-sidebar-open{display:block!important}.docs-sidebar-toggle{display:flex!important}.docs-content{padding:1.5rem 1rem!important}.onboarding-grid-2{grid-template-columns:1fr!important;flex-direction:column!important}.viewer-actions{gap:.375rem!important}.viewer-actions .glass-btn{padding:.375rem .625rem!important;font-size:.75rem!important}.viewer-date{display:none!important}}@media (max-width:480px){.email-row{padding:.75rem 1rem!important}.folder-btn{padding:.75rem .875rem!important}.hero-section{padding:6rem 1rem 3rem!important}.feature-grid{grid-template-columns:1fr!important}}