@import "https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap";:root{--bg-main:#fff;--bg-subtle:#f8fafc;--bg-card:#fff;--bg-hover:#f1f5f9;--autex-blue:#1172eb;--autex-blue-hover:#0c5dc4;--autex-blue-light:#1172eb14;--autex-blue-border:#1172eb40;--text-main:#0a0a0a;--text-muted:#52525b;--text-dim:#a1a1aa;--border-light:#e4e4e7;--border-subtle:#f1f5f9;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 20px -2px #0000000f, 0 2px 6px -1px #0000000a;--shadow-lg:0 10px 30px -4px #00000014, 0 4px 10px -2px #0000000a;--shadow-blue:0 4px 14px #1172eb40;--font-main:"Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-main);color:var(--text-main);font-family:var(--font-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;line-height:1.6}#root{flex-direction:column;min-height:100vh;display:flex}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#d4d4d8;border-radius:9999px}::-webkit-scrollbar-thumb:hover{background:#a1a1aa}.btn-blue{background-color:var(--autex-blue);color:#fff;cursor:pointer;box-shadow:var(--shadow-blue);font-size:.95rem;font-weight:600;font-family:var(--font-main);border:1px solid #0000;border-radius:9999px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-blue:hover:not(:disabled){background-color:var(--autex-blue-hover);transform:translateY(-1px);box-shadow:0 6px 18px #1172eb59}.btn-blue:active:not(:disabled){transform:translateY(0)}.btn-blue:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}.btn-black{color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;font-family:var(--font-main);background-color:#0a0a0a;border:1px solid #0a0a0a;border-radius:9999px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;transition:all .2s;display:inline-flex}.btn-black:hover:not(:disabled){background-color:#27272a;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.btn-black:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn-ghost{color:var(--text-muted);border:1px solid var(--border-light);cursor:pointer;font-size:.88rem;font-weight:500;font-family:var(--font-main);background-color:#0000;border-radius:9999px;justify-content:center;align-items:center;gap:6px;padding:8px 16px;transition:all .2s;display:inline-flex}.btn-ghost:hover:not(:disabled){background-color:var(--bg-hover);color:var(--text-main);border-color:#d4d4d8}.card-minimal{background:var(--bg-card);border:1px solid var(--border-light);box-shadow:var(--shadow-md);border-radius:20px;transition:all .25s}.markdown-body{color:#18181b;font-size:.96rem;line-height:1.65;font-family:var(--font-main)}.markdown-body .md-p{margin-bottom:.75rem}.markdown-body .md-p:last-child{margin-bottom:0}.markdown-body .md-h2{color:#0a0a0a;letter-spacing:-.01em;margin:1.2rem 0 .5rem;font-size:1.25rem;font-weight:700}.markdown-body .md-h3{color:#0a0a0a;margin:1rem 0 .4rem;font-size:1.1rem;font-weight:700}.markdown-body .md-h4{color:#18181b;margin:.8rem 0 .3rem;font-size:1rem;font-weight:600}.markdown-body .md-ul,.markdown-body .md-ol{margin:.5rem 0 .8rem 1.4rem}.markdown-body li{margin-bottom:.35rem}.markdown-body .md-strong{color:#0a0a0a;font-weight:700}.markdown-body .md-code{font-family:var(--font-mono);color:#0f172a;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:4px;padding:2px 6px;font-size:.88rem}.markdown-body .md-hr{border:none;border-top:1px solid var(--border-light);margin:1rem 0}.markdown-body .md-link-btn{background:var(--autex-blue-light);color:var(--autex-blue);border:1px solid var(--autex-blue-border);border-radius:9999px;align-items:center;gap:6px;margin:4px 4px 4px 0;padding:5px 12px;font-size:.85rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.markdown-body .md-link-btn:hover{background:var(--autex-blue);color:#fff;transform:translateY(-1px);box-shadow:0 4px 10px #1172eb40}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.3s cubic-bezier(.16,1,.3,1) forwards fadeIn}@keyframes bounceDot{0%,80%,to{transform:translateY(0)}40%{transform:translateY(-5px)}}.dot-1{animation:1.2s ease-in-out infinite bounceDot}.dot-2{animation:1.2s ease-in-out .2s infinite bounceDot}.dot-3{animation:1.2s ease-in-out .4s infinite bounceDot}.autex-glow-bg{pointer-events:none;z-index:0;background:radial-gradient(circle at 50% -10%,#0378f729 0%,#0378f70a 40%,#0000 75%),radial-gradient(circle at 10% 80%,#c7e6ff73 0%,#0000 55%),radial-gradient(circle at 90% 85%,#e0f2fe80 0%,#0000 60%);position:fixed;inset:0}@keyframes bubbleAppear{0%{opacity:0;transform:translateY(10px)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}.chat-bubble-anim{animation:.35s cubic-bezier(.16,1,.3,1) forwards bubbleAppear}@keyframes activePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.3)}}.pulse-dot{animation:2.4s ease-in-out infinite activePulse}.shadow-float-dock{box-shadow:0 20px 40px -10px #0378f714,0 4px 12px #0000000a}.shadow-soft-card{box-shadow:0 8px 30px #0378f70d,0 2px 8px #00000008}.shadow-bubble{box-shadow:0 4px 20px -2px #0b192c0a,0 1px 4px #0b192c05}.macbook-glow-bg{background:radial-gradient(130% 65% at 50% 102%,#0076f7 0%,#1e8bf8 32%,#38bdf873 58%,#fff0 80%),radial-gradient(65% 55% at 0 100%,#006ce6 0%,#1e8bf859 45%,#fff0 75%),radial-gradient(65% 55% at 100% 100%,#006ce6 0%,#1e8bf859 45%,#fff0 75%),#fff}.pill-shadow{box-shadow:0 16px 45px -8px #00307814,0 4px 14px -3px #00000008}.tab-btn{z-index:2;transition:all .3s cubic-bezier(.16,1,.3,1);position:relative}.tab-btn.active{color:#fff;background-color:#0378f7;box-shadow:0 4px 16px -2px #0378f759}.tab-btn:not(.active){color:#64748b;background-color:#0000}.tab-btn:not(.active):hover{color:#0f172a}.view-panel{will-change:opacity, transform, filter;transition:opacity .45s cubic-bezier(.16,1,.3,1),transform .45s cubic-bezier(.16,1,.3,1),filter .45s cubic-bezier(.16,1,.3,1)}.view-panel.hidden-state{opacity:0;pointer-events:none;filter:blur(4px);position:absolute;inset:0;transform:translateY(12px)scale(.985)}.view-panel.active-state{opacity:1;pointer-events:auto;filter:blur();position:relative;transform:translateY(0)scale(1)}.autex-ambient-glow{background:radial-gradient(#0378f71f,#38bdf80f,#0000 70%);transition:opacity .6s cubic-bezier(.16,1,.3,1)}.laptop-smooth-ease{transition:transform .4s cubic-bezier(.16,1,.3,1),filter .4s cubic-bezier(.16,1,.3,1)}.laptop-smooth-ease:hover{filter:drop-shadow(0 32px 48px #0378f73d);transform:translateY(-4px)scale(1.02)}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.blinking-cursor{animation:1.05s infinite blink}.closing-gradient-bg{background:radial-gradient(110% 85% at 50% 0,#0378f7 0%,#1584fc 35%,#5eb2ff 62%,#cbe5ff 82%,#fff 100%)}.hero-box-shadow{box-shadow:0 20px 45px -12px #0378f724,0 8px 24px -6px #0f172a0f}html{scroll-behavior:smooth}.mobile-nav-panel{will-change:opacity, transform;transition:opacity .35s cubic-bezier(.16,1,.3,1),transform .35s cubic-bezier(.16,1,.3,1),max-height .4s cubic-bezier(.16,1,.3,1)}.mobile-nav-open{opacity:1;pointer-events:auto;transform:translateY(0)}.mobile-nav-closed{opacity:0;pointer-events:none;transform:translateY(-8px)}.menu-icon-spin{transition:transform .3s cubic-bezier(.16,1,.3,1)}.menu-icon-spin.is-active{transform:rotate(90deg)}@keyframes navItemSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.nav-item-animate-1{animation:.35s cubic-bezier(.16,1,.3,1) 50ms both navItemSlideIn}.nav-item-animate-2{animation:.35s cubic-bezier(.16,1,.3,1) .1s both navItemSlideIn}.nav-item-animate-3{animation:.35s cubic-bezier(.16,1,.3,1) .15s both navItemSlideIn}.nav-item-animate-4{animation:.35s cubic-bezier(.16,1,.3,1) .2s both navItemSlideIn}
