:root{--primary-black:#000;--primary-white:#fff;--primary-purple:#6366f1;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--bg-primary:#fff;--bg-secondary:#f9fafb;--bg-dark:#000;--bg-card:#f3f4f6;--text-primary:#111827;--text-secondary:#6b7280;--text-white:#fff;--text-muted:#9ca3af;--font-sans:"Montserrat",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-mono:"IBM Plex Mono","SF Mono","Monaco","Inconsolata","Fira Code","Fira Mono","Roboto Mono",monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--text-6xl:3.75rem;--text-7xl:4.5rem;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--leading-loose:2;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--font-extrabold:800;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-32:8rem;--breakpoint-sm:640px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px;--breakpoint-2xl:1536px}*,:before,:after{box-sizing:border-box}body,h1,h2,h3,h4,h5,h6,p,figure,blockquote,dl,dd{margin:0}ul,ol{margin:0;padding:0}body{font-family:var(--font-sans);color:var(--text-primary);background-color:var(--bg-primary);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6,p,span,div,a,button,input,textarea,select,label{font-family:var(--font-sans)}.font-sans{font-family:var(--font-sans)!important}.font-mono,.font-mono,.font-mono *,.font-mono h1,.font-mono h2,.font-mono h3,.font-mono h4,.font-mono h5,.font-mono h6,.font-mono p,.font-mono span,.font-mono div,.font-mono a,.font-mono button{font-family:IBM Plex Mono,SF Mono,Monaco,Inconsolata,Fira Code,Fira Mono,Roboto Mono,monospace!important}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 1rem}@media (min-width:640px){.container{padding:0 1.5rem}}@media (min-width:1024px){.container{padding:0 2rem}}.text-center{text-align:center}.font-bold{font-weight:var(--font-bold)}.font-semibold{font-weight:var(--font-semibold)}.font-medium{font-weight:var(--font-medium)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fadeIn{animation:.5s ease-out fadeIn}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-float{animation:3s ease-in-out infinite float}.animate-float-delayed{animation:6s ease-in-out 2s infinite float}.animate-float-more-delayed{animation:6s ease-in-out 4s infinite float}@keyframes gridMove{0%{transform:translate(0)}to{transform:translate(50px,50px)}}@keyframes scroll{0%{transform:translate(100%)}to{transform:translate(-100%)}}@keyframes gradient{0%,to{background-position:0%}50%{background-position:100%}}.animate-scroll{animation:20s linear infinite scroll}.animate-gradient{background-size:200% 200%;animation:3s ease-in-out infinite gradient}@keyframes slideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}.animate-slideIn{animation:.3s ease-out slideIn}.hover-lift{transition:transform .2s}.hover-lift:hover{transform:translateY(-4px)}.transition-all{transition:all .2s}.btn{font-weight:var(--font-medium);cursor:pointer;border:none;border-radius:.5rem;justify-content:center;align-items:center;padding:.75rem 1.5rem;text-decoration:none;transition:all .2s;display:inline-flex}.btn-primary{background-color:var(--primary-black);color:var(--primary-white)}.btn-primary:hover{background-color:var(--gray-800)}.btn-secondary{color:var(--gray-700);border:2px solid var(--gray-300);background-color:#0000}.btn-secondary:hover{border-color:var(--gray-400)}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.flex{display:flex}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.flex-col{flex-direction:column}.space-x-4>*+*{margin-left:1rem}.space-x-8>*+*{margin-left:2rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mb-12{margin-bottom:3rem}.p-4{padding:1rem}.p-8{padding:2rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-24{padding-top:6rem;padding-bottom:6rem}.px-4{padding-left:1rem;padding-right:1rem}.px-8{padding-left:2rem;padding-right:2rem}@media (min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:flex{display:flex}.md\:hidden{display:none}.md\:flex-row{flex-direction:row}}@media (min-width:1024px){.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.lg\:text-4xl{font-size:var(--text-4xl)}.lg\:text-5xl{font-size:var(--text-5xl)}.lg\:text-7xl{font-size:var(--text-7xl)}.lg\:py-24{padding-top:6rem;padding-bottom:6rem}.lg\:px-8{padding-left:2rem;padding-right:2rem}.lg\:hidden{display:none}}
.header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--gray-200);z-index:50;background-color:#fffffff2;width:100%;position:fixed;top:0}.nav-content{justify-content:space-between;align-items:center;height:4rem;display:flex}.logo-wrapper{align-items:center;display:flex}.logo{color:var(--text-primary);align-items:center;gap:.5rem;text-decoration:none;display:flex}.logo span{font-size:var(--text-xl);font-weight:var(--font-semibold)}.logo-image{width:auto;height:auto;max-height:40px}.mobile-logo-image{width:auto;height:auto;max-height:33px}.desktop-nav{align-items:center;gap:2rem;display:none}.nav-link{color:var(--gray-700);font-family:var(--font-mono);letter-spacing:.025em;font-size:.875rem;font-weight:500;text-decoration:none;transition:color .2s;position:relative}.nav-link:hover{color:var(--gray-900)}.desktop-cta{align-items:center;gap:1rem;display:none}.btn-demo{border:1px solid var(--gray-300);color:var(--gray-700);font-family:var(--font-mono);letter-spacing:.025em;cursor:pointer;white-space:nowrap;background:0 0;border-radius:.375rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:500;transition:all .2s}.btn-demo:hover{background-color:var(--gray-50);border-color:var(--gray-400);color:var(--gray-900)}.btn-get-started{color:#fff;font-family:var(--font-mono);letter-spacing:.025em;cursor:pointer;white-space:nowrap;background-color:#000;border:1px solid #000;border-radius:.375rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:500;transition:all .2s}.btn-get-started:hover{background-color:var(--gray-800);border-color:var(--gray-800)}.mobile-menu-btn{cursor:pointer;color:var(--gray-700);background:0 0;border:none;padding:.5rem;display:block}.mobile-nav{z-index:60;display:none;position:fixed;inset:0}.mobile-nav.open{display:block}.mobile-nav-backdrop{background-color:#00000080;position:fixed;inset:0}.mobile-nav-content{background-color:#fff;width:16rem;height:100%;animation:.3s ease-out slideIn;position:fixed;top:0;left:0;box-shadow:0 10px 15px -3px #0000001a}.mobile-nav-header{border-bottom:1px solid var(--gray-200);padding:1rem}.mobile-nav-links{flex-direction:column;gap:.5rem;padding:1rem;display:flex}.mobile-nav-link{color:var(--gray-700);font-family:var(--font-mono);letter-spacing:.025em;border-radius:.5rem;padding:.75rem 1rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:background-color .2s;display:block}.mobile-nav-link:hover{background-color:var(--gray-100)}.mobile-nav-cta{flex-direction:column;gap:.75rem;margin-top:auto;padding:1rem;display:flex}.mobile-nav-cta .btn-demo,.mobile-nav-cta .btn-get-started{justify-content:center;width:100%}.w-full{width:100%}@media (min-width:768px){.desktop-nav,.desktop-cta{display:flex}.mobile-menu-btn{display:none}}@media (min-width:1024px){.desktop-nav{gap:2.5rem}.desktop-cta{gap:1.25rem}}.logo-text{color:#1a1a1a;letter-spacing:1px;font-size:20px;font-weight:700;display:block;font-family:IBM Plex Mono,SF Mono,Monaco,Inconsolata,Fira Code,Fira Mono,Roboto Mono,monospace!important}
.user-dropdown{display:inline-block;position:relative}.user-dropdown-trigger{border:1px solid var(--gray-300,#d1d5db);color:var(--gray-700,#374151);font-family:var(--font-mono);letter-spacing:.025em;cursor:pointer;white-space:nowrap;background:0 0;border-radius:.375rem;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:500;transition:all .2s;display:inline-flex}.user-dropdown-trigger:hover{background-color:var(--gray-50,#f9fafb);border-color:var(--gray-400,#9ca3af);color:var(--gray-900,#111827)}.user-dropdown-trigger:focus{outline:none;box-shadow:0 0 0 2px #6366f1,0 0 0 4px #6366f11a}.user-dropdown-menu{z-index:50;background-color:#fff;border:1px solid #e5e7eb;border-radius:.75rem;width:16rem;margin-top:.5rem;position:absolute;top:100%;right:0;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.user-dropdown-menu.hidden{display:none}.user-dropdown-menu.visible{display:block}.user-profile-section{background-color:#f9fafb80;border-bottom:1px solid #f3f4f6;align-items:center;gap:.75rem;padding:1.25rem 1rem;display:flex}.user-avatar{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#9333ea 100%);border-radius:50%;justify-content:center;align-items:center;width:3rem;height:3rem;font-size:1rem;font-weight:600;display:flex;position:relative}.user-status-indicator{background-color:#22c55e;border:2px solid #fff;border-radius:50%;width:1rem;height:1rem;position:absolute;top:-.25rem;right:-.25rem}.user-info{flex:1;min-width:0}.user-name{font-family:var(--font-mono);color:#111827;letter-spacing:.025em;text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;font-weight:600;overflow:hidden}.user-email{font-family:var(--font-mono);color:#6b7280;letter-spacing:.025em;text-overflow:ellipsis;white-space:nowrap;margin-top:.125rem;font-size:.75rem;overflow:hidden}.dropdown-section{border-bottom:1px solid #f3f4f6;padding:1rem 0}.dropdown-section:last-child{border-bottom:none}.dropdown-item{width:100%;font-family:var(--font-mono);color:#374151;cursor:pointer;letter-spacing:.025em;background:0 0;border:none;justify-content:space-between;align-items:center;padding:.75rem 1rem;font-size:.875rem;font-weight:600;text-decoration:none;transition:all .15s;display:flex}.dropdown-item:hover{color:#111827;background-color:#f9fafb}.dropdown-item.logout{color:#dc2626}.dropdown-item.logout:hover{color:#991b1b;background-color:#fef2f2}.keyboard-shortcut{color:#9ca3af;background-color:#f3f4f6;border-radius:.25rem;padding:.125rem .5rem;font-family:IBM Plex Mono,SF Mono,Monaco,Inconsolata,Fira Code,Fira Mono,Roboto Mono,monospace;font-size:.75rem}.dropdown-arrow{transition:transform .2s}.dropdown-arrow.rotated{transform:rotate(180deg)}