@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&family=Space+Grotesk:wght@300;400;500;600;700&display=swap";:root{--font-heading:"Outfit", sans-serif;--font-body:"Space Grotesk", sans-serif;--bg-dark:#080a10;--bg-darker:#040508;--bg-card:#0d122099;--bg-card-hover:#161e34cc;--border-subtle:#ffffff0f;--border-glow:#a855f740;--border-glow-hover:#a855f78c;--primary:#a855f7;--primary-light:#c084fc;--primary-dark:#7c3aed;--secondary:#ec4899;--accent:#f59e0b;--accent-rgb:245, 158, 11;--success:#10b981;--danger:#ef4444;--info:#3b82f6;--text-main:#f1f5f9;--text-muted:#94a3b8;--text-dim:#64748b;--grad-primary:linear-gradient(135deg, #a855f7 0%, #6366f1 100%);--grad-secondary:linear-gradient(135deg, #3b82f6 0%, #8b5cf6 100%);--grad-accent:linear-gradient(135deg, #f59e0b 0%, #ec4899 100%);--grad-dark:linear-gradient(180deg, #080a10 0%, #040508 100%);--grad-glow:radial-gradient(circle, #a855f726 0%, #0000 70%);--grad-success:linear-gradient(135deg, #10b981, #059669);--grad-info:linear-gradient(135deg, #3b82f6, #6366f1);--transition-fast:.2s cubic-bezier(.4, 0, .2, 1);--transition-normal:.3s cubic-bezier(.4, 0, .2, 1);--transition-slow:.5s cubic-bezier(.4, 0, .2, 1);--transition-spring:.4s cubic-bezier(.34, 1.56, .64, 1);--shadow-glow-sm:0 0 15px #a855f733;--shadow-glow-md:0 0 30px #a855f740;--shadow-glow-lg:0 0 60px #a855f733;--shadow-card:0 8px 32px #0006;--shadow-card-hover:0 16px 48px #0009, 0 0 30px #a855f71f}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--bg-dark);color:var(--text-main);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.02em;font-weight:700;line-height:1.2}a{color:inherit;transition:var(--transition-fast);text-decoration:none}button,input,select,textarea{color:inherit;font-family:inherit}button{cursor:pointer;background:0 0;border:none}img{max-width:100%;display:block}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}.glass{background:var(--bg-card);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-subtle);border-radius:16px}.glass-interactive{background:var(--bg-card);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-subtle);transition:border-color var(--transition-normal), transform var(--transition-normal), box-shadow var(--transition-normal), background var(--transition-normal);z-index:1;border-radius:16px;position:relative;overflow:hidden}.glass-interactive:after{content:"";border-radius:inherit;background:radial-gradient(350px circle at var(--mouse-x,50%) var(--mouse-y,50%), #a855f712, transparent 60%);pointer-events:none;opacity:0;z-index:-1;transition:opacity .5s;position:absolute;inset:0}.glass-interactive:before{content:"";border-radius:inherit;background:radial-gradient(350px circle at var(--mouse-x,50%) var(--mouse-y,50%), #a855f766, transparent 60%);-webkit-mask-composite:xor;pointer-events:none;opacity:0;z-index:2;padding:1px;transition:opacity .5s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.glass-interactive:hover{background:var(--bg-card-hover);box-shadow:var(--shadow-card-hover);border-color:#a855f738;transform:translateY(-4px)}.glass-interactive:hover:before,.glass-interactive:hover:after{opacity:1}.btn{font-family:var(--font-heading);transition:var(--transition-normal);letter-spacing:.01em;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:.95rem;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.btn:after{content:"";background:linear-gradient(90deg,#0000,#ffffff1f,#0000);width:60%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%;transform:skew(-20deg)}.btn:hover:after{left:150%}.btn-primary{background:var(--grad-primary);color:#fff;box-shadow:0 4px 15px #a855f766}.btn-primary:hover{transform:translateY(-2px)scale(1.02);box-shadow:0 6px 25px #a855f799}.btn-primary:active{transform:translateY(0)scale(.98)}.btn-secondary{color:var(--text-main);background:#ffffff0d;border:1px solid #ffffff1a}.btn-secondary:hover{background:#ffffff1a;border-color:#fff3;transform:translateY(-2px)}.btn-outline{border:1px solid var(--primary);color:var(--text-main);background:0 0}.btn-outline:hover{background:#a855f726;transform:translateY(-2px);box-shadow:0 0 20px #a855f74d}.btn-glow{position:relative}.btn-glow:before{content:"";background:var(--grad-primary);border-radius:inherit;z-index:-1;opacity:.35;filter:blur(10px);transition:opacity .3s,filter .3s;position:absolute;inset:-3px}.btn-glow:hover:before{opacity:.75;filter:blur(14px)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-darker)}::-webkit-scrollbar-thumb{background:#a855f74d;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#a855f799}.text-gradient-primary{background:var(--grad-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.text-gradient-accent{background:var(--grad-accent);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.shimmer-text{background:linear-gradient(to right, var(--text-main) 20%, var(--primary-light) 40%, var(--secondary) 60%, var(--text-main) 80%);-webkit-text-fill-color:transparent;background-size:200%;-webkit-background-clip:text;background-clip:text;animation:5s linear infinite shine}.badge{text-transform:uppercase;letter-spacing:.08em;font-size:.72rem;font-weight:700;font-family:var(--font-heading);border-radius:20px;align-items:center;gap:4px;padding:4px 10px;display:inline-flex}.badge-worldclass{color:var(--accent);background:#f59e0b1f;border:1px solid #f59e0b4d}.badge-advanced{color:var(--primary-light);background:#a855f71f;border:1px solid #a855f74d}.badge-live{color:var(--success);background:#10b9811f;border:1px solid #10b9814d}.badge-live:before{content:"";background:var(--success);width:6px;height:6px;box-shadow:0 0 6px var(--success);border-radius:50%;animation:1.5s ease-in-out infinite pulse-dot;display:inline-block}.badge-alpha{color:#60a5fa;background:#3b82f61f;border:1px solid #3b82f64d}.sub-label{font-family:var(--font-heading);text-transform:uppercase;color:var(--primary);letter-spacing:.2em;margin-bottom:8px;font-size:.75rem;font-weight:700;display:block}.section-title{text-align:center;letter-spacing:-.03em;margin-bottom:12px;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:800;position:relative}.section-subtitle{color:var(--text-muted);text-align:center;max-width:600px;margin:0 auto 48px;font-size:1rem;line-height:1.7}.glow-bg{pointer-events:none;z-index:0;filter:blur(90px);opacity:.28;border-radius:50%;position:absolute}.glow-bg-animated{animation:22s ease-in-out infinite alternate drift-bg}.marquee-container{-webkit-user-select:none;user-select:none;display:flex;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#fff 15% 85%,#0000);mask-image:linear-gradient(90deg,#0000,#fff 15% 85%,#0000)}.marquee-content{flex-shrink:0;gap:24px;animation:30s linear infinite marquee;display:flex}.marquee-container:hover .marquee-content{animation-play-state:paused}.page-transition{animation:.55s cubic-bezier(.16,1,.3,1) forwards slide-up}.form-input{width:100%;color:var(--text-main);transition:border-color var(--transition-fast), background var(--transition-fast), box-shadow var(--transition-fast);background:#ffffff08;border:1px solid #ffffff14;border-radius:10px;outline:none;padding:12px 14px 12px 44px;font-size:.9rem}.form-input:focus{border-color:var(--primary);background:#a855f70a;box-shadow:0 0 0 3px #a855f71f}.form-input::placeholder{color:var(--text-dim)}.divider-glow{background:linear-gradient(90deg,#0000,#a855f766,#ec48994d,#0000);border:none;height:1px;margin:0}.card-bar-purple{background:linear-gradient(90deg,#a855f7,#6366f1)}.card-bar-red{background:linear-gradient(90deg,#ef4444,#dc2626)}.card-bar-blue{background:linear-gradient(90deg,#3b82f6,#2563eb)}.card-bar-teal{background:linear-gradient(90deg,#14b8a6,#0d9488)}.card-bar-amber{background:linear-gradient(90deg,#f59e0b,#d97706)}.card-bar-pink{background:linear-gradient(90deg,#ec4899,#db2777)}.status-dot{background:var(--success);border-radius:50%;flex-shrink:0;width:8px;height:8px;animation:2s ease-out infinite pulse-ring;box-shadow:0 0 #10b98199}.noise-overlay{pointer-events:none;z-index:0;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-size:200px 200px;width:100%;height:100%;position:fixed;top:0;left:0}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse-slow{0%,to{opacity:.3}50%{opacity:.8}}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}@keyframes pulse-ring{0%{box-shadow:0 0 #10b98199}70%{box-shadow:0 0 0 8px #10b98100}to{box-shadow:0 0 #10b98100}}@keyframes marquee{0%{transform:translate(0%)}to{transform:translate(-50%)}}@keyframes slide-up{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes shine{to{background-position:200%}}@keyframes drift-bg{0%{transform:translate(0)scale(1)}50%{transform:translate(60px,-50px)scale(1.12)}to{transform:translate(-40px,70px)scale(.88)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes scale-in{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes gradient-shift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes border-glow-pulse{0%,to{box-shadow:0 0 10px #a855f733,0 0 20px #a855f71a}50%{box-shadow:0 0 20px #a855f766,0 0 40px #a855f733}}.mobile-dropdown-anim{transform-origin:top;animation:.35s cubic-bezier(.16,1,.3,1) forwards slideDownMobile}@keyframes slideDownMobile{0%{opacity:0;transform:scaleY(.9)translateY(-10px)}to{opacity:1;transform:scaleY(1)translateY(0)}}@media (width<=820px){.header-desktop-nav,.header-desktop-auth{display:none!important}.header-mobile-btn{display:flex!important}}@media (width>=821px){.header-mobile-btn{display:none!important}}@media (width<=900px){.proj-card-layout,.showcase-card-layout,.feed-layout-wrap{flex-direction:column!important}}@media (width<=768px){.mobile-stack{flex-direction:column!important;grid-template-columns:1fr!important}.mobile-hide{display:none!important}.mobile-padding{padding:24px 16px!important}.toolbar-wrap{flex-direction:column!important;align-items:flex-start!important}.search-full{width:100%!important;max-width:100%!important}.play-btn-full{width:100%!important}.cta-card-wrap{text-align:center!important;flex-direction:column!important;padding:32px 24px!important}.submit-btn-full{align-self:stretch!important}}@media (width<=600px){.footer-links-grid{justify-content:flex-start!important;gap:32px!important;width:100%!important}.footer-bottom-wrap{flex-direction:column!important;align-items:flex-start!important}}input:focus,textarea:focus{outline:none;border-color:var(--primary)!important;background:#a855f70a!important;box-shadow:0 0 0 3px #a855f71f!important}.showcase-card-perspective{transform-style:preserve-3d;perspective:1200px;transition:transform .6s cubic-bezier(.16,1,.3,1),box-shadow .6s,border-color .6s!important}.showcase-card-perspective:hover{border-color:#a855f759!important;transform:rotateX(2deg)rotateY(-2deg)translateY(-6px)!important;box-shadow:0 30px 60px #00000080,0 0 40px #a855f726!important}.arrow-link svg{transition:transform var(--transition-fast), opacity var(--transition-fast), color var(--transition-fast)}.arrow-link:hover svg{transform:translate(5px);opacity:1!important;color:var(--primary)!important}footer a:hover{color:var(--primary)!important}.sidebar-link:hover{border-color:var(--primary)!important;color:#fff!important}.sidebar-link:hover .sidebar-arrow{transform:translate(5px);opacity:1!important;color:var(--primary)!important}.video-play-btn:hover{transform:scale(1.12)!important;box-shadow:0 10px 35px #a855f7a6!important}