@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600&family=Inter:wght@400;500;600&display=swap";
@tailwind base;@tailwind components;@tailwind utilities;:root{--md-sys-color-background:#131314;--md-sys-color-on-background:#e3e3e3;--md-sys-color-surface:#1e1f20;--md-sys-color-surface-container:#282a2c;--md-sys-color-surface-container-high:#303234;--md-sys-color-primary:#8cfc42;--md-sys-color-on-primary:#000;--md-sys-color-error:#f2b8b5;--md-sys-color-on-error:#601410;--md-sys-color-outline:#444746;--md-sys-color-outline-variant:#444746;--md-sys-elevation-1:0 1px 2px 0 #0000004d,0 1px 3px 1px #00000026;--md-sys-elevation-2:0 1px 2px 0 #0000004d,0 2px 6px 2px #00000026;--md-glass-bg:#1e1f20a6;--md-glass-blur:blur(20px);--font-display:"Outfit",system-ui,sans-serif;--font-body:"Inter",system-ui,sans-serif;--nav-rail-width:90px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--md-sys-color-background);color:var(--md-sys-color-on-background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px;line-height:1.5}.md-container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}.app-container{background-color:var(--md-sys-color-background);width:100%;height:100vh;display:flex;overflow:hidden}.spinner{border:4px solid var(--md-sys-color-surface-container-high);border-top-color:var(--md-sys-color-primary);border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.nav-rail{width:var(--nav-rail-width);z-index:50;background-color:#0000;border-right:none;flex-direction:column;align-items:center;height:100vh;padding:24px 0;display:flex;position:sticky;top:0}.nav-destinations{flex-direction:column;align-items:center;gap:12px;width:100%;display:flex}.nav-destination{width:64px;height:64px;color:var(--md-sys-color-on-background);cursor:pointer;background:0 0;border:none;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:4px;text-decoration:none;transition:all .2s cubic-bezier(.2,0,0,1);display:flex}.nav-destination:hover{background:var(--md-sys-color-surface-container)}.nav-destination.active{color:var(--md-sys-color-primary);background:#a8c7fa1f}.nav-indicator svg,.nav-indicator span{font-size:24px}.nav-label{font-family:var(--font-body);letter-spacing:.5px;font-size:11px;font-weight:500}.nav-spacer{flex-grow:1}.main-content-wrapper{flex-direction:column;flex-grow:1;padding:16px 16px 16px 0;display:flex}.main-content{background-color:var(--md-sys-color-surface);border:1px solid var(--md-sys-color-surface-container-high);border-radius:32px;flex-grow:1;padding:48px;overflow-y:auto}.sys-headline{font-family:var(--font-display);letter-spacing:-.5px;color:var(--md-sys-color-on-background);margin-bottom:8px;font-size:48px;font-weight:400;line-height:1.1}.sys-headline.accent{color:var(--md-sys-color-primary)}.sys-subhead{font-family:var(--font-body);color:var(--md-sys-color-on-background);opacity:.8;margin-bottom:32px;font-size:16px;font-weight:400}.sys-title{font-family:var(--font-display);letter-spacing:0;color:var(--md-sys-color-on-background);font-size:24px;font-weight:500}.md-card{background-color:var(--md-sys-color-surface-container);border:1px solid var(--md-sys-color-outline-variant);border-radius:24px;margin-bottom:32px;padding:32px;transition:all .2s cubic-bezier(.2,0,0,1)}.md-card:hover{background-color:var(--md-sys-color-surface-container-high)}.md-card-glass{background-color:var(--md-glass-bg);-webkit-backdrop-filter:var(--md-glass-blur);border:1px solid #ffffff1a;border-radius:24px;padding:32px}.md-chip{font-family:var(--font-body);border:1px solid var(--md-sys-color-outline);background:var(--md-sys-color-surface-container);color:var(--md-sys-color-on-background);border-radius:8px;padding:6px 16px;font-size:12px;font-weight:500;display:inline-block}.md-btn{font-family:var(--font-body);border:1px solid var(--md-sys-color-outline-variant);color:var(--md-sys-color-on-background);cursor:pointer;z-index:1;background:0 0;border-radius:100px;justify-content:center;align-items:center;gap:8px;padding:10px 24px;font-size:14px;font-weight:500;text-decoration:none;transition:color .3s;display:inline-flex;position:relative;overflow:hidden}.md-btn:before{content:"";background-color:var(--md-sys-color-primary);transform-origin:50%;z-index:-1;border-radius:100px;width:100%;height:100%;transition:transform .4s cubic-bezier(.2,0,0,1);position:absolute;top:0;left:0;transform:scaleX(0)}.md-btn:hover{color:var(--md-sys-color-background)}.md-btn:hover:before{transform:scaleX(1)}.md-btn:active{transform:scale(.98)}.md-btn-filled,.md-btn-tonal,.md-btn-outlined{border:1px solid var(--md-sys-color-outline-variant);background:0 0}.md-btn-danger:before{background-color:var(--md-sys-color-error)}.md-btn-danger:hover{color:var(--md-sys-color-background)}.md-btn-danger{background:var(--md-sys-color-error);color:var(--md-sys-color-on-error)}.md-btn-danger:hover{background:#f4c4c2}.md-textfield{flex-direction:column;margin-bottom:24px;display:flex}.md-textfield label{font-family:var(--font-body);color:var(--md-sys-color-on-background);opacity:.8;margin-bottom:8px;font-size:12px;font-weight:500}.md-textfield input,.md-textfield textarea{font-family:var(--font-body);background:var(--md-sys-color-surface-container);border:1px solid var(--md-sys-color-outline);color:var(--md-sys-color-on-background);border-radius:12px;outline:none;padding:16px;font-size:16px;transition:all .2s cubic-bezier(.2,0,0,1)}.md-textfield input:focus,.md-textfield textarea:focus{border-color:var(--md-sys-color-primary);background:var(--md-sys-color-surface-container-high);box-shadow:0 0 0 1px var(--md-sys-color-primary)}.sys-headline-xl{font-family:var(--font-display);letter-spacing:-4px;font-size:clamp(60px,12vw,140px);line-height:.85}@keyframes revealUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes revealRight{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}@keyframes glowPulse{0%{opacity:.3;transform:scale(1)}50%{opacity:.5;transform:scale(1.1)}to{opacity:.3;transform:scale(1)}}.reveal-up{opacity:0;animation:1.2s cubic-bezier(.2,0,0,1) forwards revealUp}.reveal-up-delay-1{animation-delay:.1s}.reveal-up-delay-2{animation-delay:.2s}.reveal-up-delay-3{animation-delay:.3s}.glass-premium{-webkit-backdrop-filter:blur(24px);background:#1e1f2066;border:1px solid #ffffff14;box-shadow:0 8px 32px #0000004d}.glow-bg{pointer-events:none;z-index:0;background:radial-gradient(circle,#8cfc421a 0%,#8cfc4200 70%);border-radius:50%;width:600px;height:600px;animation:10s ease-in-out infinite glowPulse;position:absolute}.nav-header{z-index:100;background:0 0;border-bottom:1px solid #ffffff0d;border-radius:0;width:100%;max-width:100%;margin:0;transition:all .6s cubic-bezier(.2,0,0,1);position:fixed;top:0;left:0;transform:none}.nav-header.scrolled{-webkit-backdrop-filter:blur(24px);background:#131314d9;border:1px solid #ffffff1a;border-radius:100px;width:90%;max-width:1000px;margin:20px auto;left:50%;transform:translate(-50%);box-shadow:0 12px 48px #00000080}.stack-container{background:var(--md-sys-color-background);width:100%;position:relative}.stack-section{border-top-left-radius:48px;border-top-right-radius:48px;justify-content:center;align-items:center;width:100%;height:100vh;display:flex;position:sticky;top:0;overflow:hidden;box-shadow:0 -24px 64px #0006}.bg-deep{background:#0a0a0b}.bg-indigo{background:linear-gradient(135deg,#100c2a 0%,#0a0a0b 100%)}.bg-emerald{background:linear-gradient(135deg,#091c10 0%,#0a0a0b 100%)}.bg-violet{background:linear-gradient(135deg,#1a0b1e 0%,#0a0a0b 100%)}.bg-surface{background:#131314}.content-wrapper{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:1200px;padding:0 48px;display:flex}@media (max-width:768px){.nav-header.scrolled{border-radius:24px;width:95%}.content-wrapper{text-align:left;align-items:flex-start;padding:0 24px}}.agent-item-disabled{filter:grayscale(.5);transition:all .3s;opacity:.5!important}.sys-switch{background-color:var(--md-sys-color-surface-container-high);border:2px solid var(--md-sys-color-outline);cursor:pointer;border-radius:100px;width:52px;height:32px;transition:all .2s cubic-bezier(.2,0,0,1);display:inline-block;position:relative}.sys-switch:after{content:"";background-color:var(--md-sys-color-outline);border-radius:50%;width:20px;height:20px;transition:all .2s cubic-bezier(.2,0,0,1);position:absolute;top:4px;left:4px}.sys-switch.active{background-color:var(--md-sys-color-primary);border-color:var(--md-sys-color-primary)}.sys-switch.active:after{background-color:var(--md-sys-color-on-primary);width:24px;height:24px;top:2px;left:24px}