@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Climate+Crisis:YEAR@1979&display=swap";:root{--bg-deep:#000;--bg-main:#050505;--bg-secondary:#0a0a0c;--bg-card:#0f0f12;--bg-glass:#000000f2;--text-main:#fff;--text-muted:#888;--accent-blue:#3b82f6;--accent-glow:#3b82f666;--border-color:#ffffff0d;--font-family:"Outfit", sans-serif;--transition-smooth:all .4s cubic-bezier(.23, 1, .32, 1)}@keyframes skeleton-pulse{0%{opacity:.05}50%{opacity:.15}to{opacity:.05}}@keyframes slowFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.skeleton{background:#fff;border-radius:4px;animation:1.5s ease-in-out infinite skeleton-pulse}*{box-sizing:border-box;margin:0;padding:0}html,body{touch-action:pan-y;overscroll-behavior:none;width:100%;max-width:100vw;position:relative;overflow-x:hidden}.glow-light{background:radial-gradient(circle, var(--accent-blue) 0%, transparent 70%);filter:blur(40px);opacity:.3;pointer-events:none;z-index:1;border-radius:50%;position:absolute}.glow-light.blue{background:radial-gradient(circle,#3b82f6 0%,#0000 70%)}.glow-light.purple{background:radial-gradient(circle,#8b5cf6 0%,#0000 70%)}.glow-light.green{background:radial-gradient(circle,#22c55e 0%,#0000 70%)}.glow-light.yellow{background:radial-gradient(circle,#eab308 0%,#0000 70%)}body{font-family:var(--font-family);background-color:var(--bg-deep);color:var(--text-main);-webkit-font-smoothing:antialiased;line-height:1.6;overflow-x:hidden}main{z-index:100;background-color:var(--bg-deep);animation:1s cubic-bezier(.23,1,.32,1) forwards slowFadeIn;position:relative}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-deep)}::-webkit-scrollbar-thumb{border:2px solid var(--bg-deep);background:#ffffff1a;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#fff3}*{scrollbar-width:thin;scrollbar-color:#ffffff1a var(--bg-deep)}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}ul{list-style:none}.navbar{z-index:2000;transition:var(--transition-smooth);background-color:#000;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:1rem 5%;display:flex;position:sticky;top:0}.nav-left{align-items:center;gap:2.5rem;display:flex}.logo{letter-spacing:-.5px;background:linear-gradient(135deg,#fff 0%,#a1a1aa 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.6rem;font-weight:800}.nav-links{align-items:center;gap:1.75rem;display:flex}.nav-links a{color:var(--text-muted);transition:var(--transition-smooth);font-size:.95rem;font-weight:500;position:relative}.nav-links a:after{content:"";background-color:var(--accent-blue);width:0;height:1px;transition:var(--transition-smooth);position:absolute;bottom:-4px;left:0}.nav-links a:hover{color:var(--text-main)}.nav-links a:hover:after{width:100%}.has-mega-menu{align-items:center;display:flex;position:relative}.has-mega-menu:before{content:"";width:100%;height:30px;position:absolute;top:100%;left:0}.mega-menu{-webkit-backdrop-filter:blur(20px);opacity:0;visibility:hidden;z-index:2000;background:#0a0a0ce6;border:1px solid #ffffff1a;border-radius:20px;width:700px;padding:1.5rem;transition:all .3s;position:absolute;top:calc(100% + 10px);left:0;transform:translateY(10px)scale(.99);box-shadow:0 20px 40px #00000080}.mega-menu:before{content:"";pointer-events:none;background:radial-gradient(circle at 20% 20%,#3b82f60d 0%,#0000 50%);border-radius:24px;width:100%;height:100%;position:absolute;top:0;left:0}.has-mega-menu:hover .mega-menu{opacity:1;visibility:visible;transform:translateY(0)scale(1)}.mega-header h3{color:#fff;border-bottom:1px solid #ffffff0d;margin-bottom:1.5rem;padding-bottom:.8rem;font-size:1.1rem;font-weight:800}.mega-columns{justify-content:space-between;gap:1.2rem;display:flex}.mega-col{flex-direction:column;flex:1;gap:.8rem;display:flex}.mega-col h4{color:var(--text-main);text-transform:uppercase;letter-spacing:1px;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.8rem;font-weight:700;display:flex}.mega-col h4 i{color:var(--text-muted)}.mega-col a{border-radius:8px;align-items:center;gap:.6rem;margin-left:-.6rem;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex;color:#ffffff80!important;padding:.4rem .6rem!important}.mega-col a:hover{background:#ffffff0d;transform:translate(5px);color:#fff!important}.nav-badge{color:var(--accent-blue);text-transform:uppercase;background:#3b82f633;border-radius:4px;padding:2px 6px;font-size:.6rem;font-weight:700}.mega-footer{border-top:1px solid #ffffff0d;justify-content:flex-start;gap:2rem;margin-top:1.5rem;padding-top:1rem;display:flex}.mega-footer a{opacity:.6;align-items:center;gap:.6rem;font-size:.85rem;font-weight:700;transition:all .2s;display:flex;color:#fff!important}.mega-footer a:hover{opacity:1;color:var(--accent-blue)!important}.mega-footer a:after{display:none}.nav-right{align-items:center;gap:1.5rem;display:flex}.search-bar{border:1px solid var(--border-color);transition:var(--transition-smooth);background-color:#ffffff0d;border-radius:99px;align-items:center;gap:.75rem;width:100%;max-width:380px;padding:.6rem 1.25rem;display:flex}.search-bar:focus-within{background-color:#ffffff14;border-color:#fff3;box-shadow:0 0 20px #0006}.search-bar input{color:var(--text-main);background:0 0;border:none;outline:none;width:100%;font-family:inherit;font-size:.9rem}.search-bar i{color:var(--text-muted);font-size:.9rem}.search-results-dropdown{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-color);z-index:2000;background:#111111f2;border-radius:16px;flex-direction:column;gap:.25rem;padding:.75rem;display:flex;position:absolute;top:calc(100% + 10px);left:0;right:0;box-shadow:0 20px 50px #0009}.results-label{color:#555;letter-spacing:1px;text-transform:uppercase;padding:.5rem .75rem;font-size:.65rem;font-weight:800}.search-result-item{cursor:pointer;transition:var(--transition-smooth);border-radius:10px;justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.search-result-item:hover{background:#ffffff0d}.item-main{color:#fff;align-items:center;gap:1rem;font-weight:500;display:flex}.item-main i{color:var(--accent-blue);text-align:center;width:20px;font-size:1rem}.item-badge{color:#888;text-transform:capitalize;background:#ffffff0d;border-radius:4px;padding:2px 8px;font-size:.7rem}.sign-in{transition:var(--transition-smooth);font-size:.95rem;font-weight:600}.sign-in:hover{color:var(--accent-blue)}.mobile-menu-btn{cursor:pointer;font-size:1.25rem;display:none}.btn-neo{-webkit-backdrop-filter:blur(12px);cursor:pointer;background:#ffffff0a;border:1px solid #ffffff0d;border-radius:99px;justify-content:space-between;align-items:center;padding:.5rem .5rem .5rem 1.5rem;text-decoration:none;transition:all .3s cubic-bezier(.23,1,.32,1);display:inline-flex;box-shadow:0 4px 20px #0003}.btn-neo:hover{background:#ffffff14;border-color:#ffffff1a;transform:translateY(-2px);box-shadow:0 8px 30px #0006}.bgContainer{align-items:center;display:flex}.bgContainer span{letter-spacing:.3px;font-size:1.05rem;font-weight:700;transition:all .3s;color:#fff!important}.arrowContainer{border:2px solid var(--accent-blue);background:#050505;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;margin-left:1.25rem;transition:all .3s cubic-bezier(.23,1,.32,1);display:flex}.arrowContainer i,.arrowContainer svg{color:#fff;font-size:1rem;transition:transform .3s cubic-bezier(.23,1,.32,1)}.btn-neo:hover .arrowContainer{background:var(--accent-blue);box-shadow:0 0 15px #3b82f680}.btn-neo:hover .arrowContainer i{transform:translate(3px)}.btn-primary{background:linear-gradient(90deg, var(--accent-blue), #60a5fa);color:#fff;cursor:pointer;transition:var(--transition-smooth);border:none;border-radius:99px;align-items:center;gap:.75rem;padding:.9rem 2rem;font-weight:700;display:inline-flex;box-shadow:0 10px 25px -5px #3b82f666}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 15px 30px -5px #3b82f699}.btn-secondary{color:var(--text-main);border:1px solid var(--border-color);cursor:pointer;transition:var(--transition-smooth);background-color:#ffffff08;border-radius:99px;padding:.9rem 2rem;font-weight:600}.btn-secondary:hover{background-color:#ffffff14;border-color:#fff3}.hero{text-align:center;background:#000;flex-direction:column;align-items:center;width:100%;padding:6rem 0 4rem;display:flex;position:relative;overflow:hidden}.hero h1,.hero .subtitle,.hero .btn-neo-link,.hero .ai-models-container{z-index:2;padding-left:5%;padding-right:5%;position:relative}.hero h1{letter-spacing:-2px;margin-bottom:1.5rem;font-size:clamp(2.5rem,8vw,4rem);font-weight:800;line-height:1.1}.hero .subtitle{color:var(--text-muted);white-space:nowrap;max-width:none;margin-bottom:2.2rem;font-size:1.05rem;font-weight:400;line-height:1.5}.hero:before{content:"";filter:blur(120px);z-index:0;pointer-events:none;background:radial-gradient(circle,#3b82f633 0%,#0000 70%);width:80%;height:80%;animation:15s infinite alternate float-light;position:absolute;top:-30%;left:-10%}.hero:after{content:"";filter:blur(140px);z-index:0;pointer-events:none;background:radial-gradient(circle,#8b5cf626 0%,#0000 70%);width:70%;height:70%;animation:20s infinite alternate-reverse float-light;position:absolute;bottom:-10%;right:-10%}.hero-glow-center{pointer-events:none;z-index:1;background:radial-gradient(circle,#3b82f60d 0%,#0000 60%);width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes float-light{0%{transform:translate(0)scale(1)}to{transform:translate(5%,5%)scale(1.1)}}.hero-bento-grid{z-index:2;position:relative}@media (width<=600px){.hero .subtitle{white-space:normal;padding:0 1rem;font-size:.95rem}.hero h1{padding:0 1rem;font-size:clamp(2rem,10vw,3rem)}.component-categories{flex-wrap:nowrap;gap:.8rem;display:flex!important}}@media (width<=992px){.navbar{padding:.8rem 4%}.desktop-only{flex-wrap:nowrap;gap:.8rem;display:flex!important}.mobile-tablet-only-links{gap:1rem;display:flex!important}.mobile-tablet-only-links a{white-space:nowrap;font-size:.85rem!important}.mobile-menu-btn{margin-right:1rem;display:block!important}.nav-logo,.mobile-tablet-only-links{flex-wrap:nowrap;gap:.8rem;display:flex!important}.desktop-only{display:flex!important}}.badge{border:1px solid var(--border-color);transition:var(--transition-smooth);cursor:pointer;background-color:#ffffff0d;border-radius:99px;align-items:center;gap:.75rem;margin-bottom:2rem;padding:.5rem 1.25rem;font-size:.9rem;font-weight:500;display:inline-flex}.badge:hover{background-color:#ffffff14;border-color:#fff3}.new-tag{color:#fff;text-transform:uppercase;background:linear-gradient(90deg,#3b82f6,#60a5fa);border-radius:6px;padding:.15rem .6rem;font-size:.75rem;font-weight:800}.ai-models-container{width:100%;margin-bottom:3rem;position:relative;overflow:hidden}.ai-models{color:var(--text-muted);white-space:nowrap;gap:2.5rem;font-size:.95rem;font-weight:500;animation:40s linear infinite scroll-left;display:flex}@keyframes scroll-left{0%{transform:translate(0)}to{transform:translate(-50%)}}.ai-models span{align-items:center;gap:.6rem;transition:color .3s;display:flex}.ai-models span:hover{color:var(--text-main)}.hero-gallery{grid-template-columns:repeat(6,1fr);gap:1.25rem;width:100%;max-width:1400px;margin-top:5rem;display:grid}.gallery-img{object-fit:cover;width:100%;height:180px;transition:var(--transition-smooth);border:1px solid #0000;border-radius:20px;display:block}.gallery-img:hover{border-color:#fff3;transform:scale(1.02);box-shadow:0 20px 40px #0006}.gallery-img.tall{grid-row:span 2;height:100%;min-height:372.5px}.gallery-img.wide{grid-column:span 2}.brands{text-align:center;background-color:var(--bg-deep);z-index:30;flex-direction:column;justify-content:center;align-items:center;height:calc(100vh - 70px);display:flex;position:sticky;top:70px}.brand-logos{color:var(--text-muted);opacity:.7;filter:grayscale();transition:var(--transition-smooth);flex-wrap:wrap;justify-content:center;gap:4rem;margin-bottom:2rem;font-size:1.75rem;font-weight:700;display:flex}.brand-logos:hover{filter:grayscale(0);opacity:1}.brands-slogan{color:var(--text-muted);max-width:800px;margin:2.5rem auto 0;font-size:1.15rem;line-height:1.8}.brands-slogan strong{color:var(--text-main);letter-spacing:-.5px;margin-bottom:.5rem;font-size:1.4rem;display:block}.workflow{z-index:40;flex-direction:column;justify-content:center;max-width:1400px;height:calc(100vh - 70px);margin:0 auto;padding:8rem 5%;display:flex;position:sticky;top:70px}.workflow-header{justify-content:space-between;align-items:flex-end;margin-bottom:3.5rem;display:flex}.workflow-header h2{letter-spacing:-1px;max-width:500px;font-size:3rem;font-weight:700}.carousel-nav{gap:1rem;display:flex}.carousel-nav button{border:1px solid var(--border-color);color:#fff;cursor:pointer;width:52px;height:52px;transition:var(--transition-smooth);background:#ffffff0d;border-radius:50%;font-size:1rem}.carousel-nav button:hover{background:#ffffff1a;border-color:#ffffff4d}.workflow-grid{grid-template-columns:repeat(4,1fr);gap:1.5rem;display:grid}.workflow-card{cursor:pointer;height:420px;transition:var(--transition-smooth);border:1px solid #ffffff0d;border-radius:24px;flex-direction:column;justify-content:space-between;padding:2.25rem;display:flex;position:relative;overflow:hidden}.workflow-card:hover{border-color:#ffffff26;transform:translateY(-8px)}.workflow-card h3{z-index:2;letter-spacing:-.5px;font-size:1.5rem;font-weight:700}.workflow-card img{width:90%;transition:var(--transition-smooth);border-radius:20px;position:absolute;bottom:-30px;right:-30px;box-shadow:-20px -20px 40px #0000004d}.workflow-card:hover img{transform:scale(1.05)rotate(-2deg)}.feature-showcase{background:linear-gradient(180deg, var(--bg-deep) 0%, var(--bg-main) 100%);justify-content:space-between;align-items:center;gap:5rem;padding:8rem 5%;display:flex}.feature-content{flex:.8}.feature-content h2{letter-spacing:-1.5px;margin-bottom:1.5rem;font-size:3.5rem;font-weight:800}.feature-content p{color:var(--text-muted);margin-bottom:2.5rem;font-size:1.2rem;line-height:1.6}.feature-visual{border:1px solid #ffffff1a;border-radius:32px;flex:1.2;height:500px;position:relative;overflow:hidden;box-shadow:0 40px 80px #00000080,inset 0 0 100px #00000080}.interface-mockup{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f0f12cc;border:1px solid #ffffff26;border-radius:20px;align-items:center;gap:.75rem;padding:1.25rem 2rem;font-size:.95rem;font-weight:600;display:flex;position:absolute;bottom:30px;right:30px;box-shadow:0 10px 30px #0006}.interface-mockup i{color:var(--accent-blue)}.capabilities{padding:8rem 5%}.cap-header-flex{justify-content:space-between;align-items:center;margin-bottom:4rem;display:flex}.capabilities h2{letter-spacing:-1px;font-size:3rem;font-weight:700}.cap-container{gap:4rem;display:flex}.cap-sidebar{flex-shrink:0;width:250px}.cap-sidebar ul{flex-direction:column;gap:.5rem;display:flex}.cap-sidebar li{color:var(--text-muted);cursor:pointer;transition:var(--transition-smooth);border-radius:16px;padding:1rem 1.5rem;font-size:1rem;font-weight:600}.cap-sidebar li:hover{color:var(--text-main);background-color:#ffffff08}.cap-sidebar li.active{color:var(--text-main);background-color:#ffffff0f;border:1px solid #ffffff1a;box-shadow:0 10px 20px #0003}.cap-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;width:100%;display:grid}.cap-card{min-height:280px;transition:var(--transition-smooth);cursor:pointer;background-position:50%;background-size:cover;border:1px solid #ffffff0d;border-radius:28px;justify-content:flex-start;align-items:flex-end;padding:2rem;display:flex;position:relative;overflow:hidden}.cap-card:after{content:"";z-index:1;background:linear-gradient(#0000 0%,#0003 50%,#000000d9 100%);position:absolute;inset:0}.cap-card:hover{border-color:#fff3;transform:translateY(-10px)scale(1.02);box-shadow:0 30px 60px #0006}.cap-card h3{z-index:2;letter-spacing:-.5px;font-size:1.4rem;font-weight:700}.pricing{text-align:center;background:radial-gradient(circle,#3b82f60d 0%,#0000 70%);padding:10rem 5%}.pricing h2{letter-spacing:-1.5px;margin-bottom:5rem;font-size:clamp(2.5rem,5vw,3.5rem);font-weight:800}.pricing-cards{text-align:left;justify-content:center;gap:2rem;max-width:1200px;margin:0 auto;display:flex}.price-card{background-color:var(--bg-card);transition:var(--transition-smooth);border:1px solid #ffffff0d;border-radius:32px;flex-direction:column;flex:1;padding:3rem 2.5rem;display:flex;position:relative}.price-card:hover{border-color:#ffffff1a;transform:translateY(-10px);box-shadow:0 30px 60px #00000080}.price-card.highlighted{border:1px solid var(--accent-blue);z-index:2;background:linear-gradient(#3b82f61a 0%,#0f0f1200 100%);transform:scale(1.05)}.price-card.highlighted:hover{transform:scale(1.05)translateY(-10px)}.price-card h3{margin-bottom:.75rem;font-size:1.75rem;font-weight:700}.plan-desc{color:var(--text-muted);min-height:60px;margin-bottom:1.5rem;font-size:.95rem;line-height:1.5}.price{color:var(--text-muted);margin-bottom:.75rem;font-size:1rem}.price span{color:var(--text-main);font-size:2.75rem;font-weight:800}.discount{color:#4ade80;align-items:center;gap:.5rem;margin-bottom:2rem;font-size:.9rem;font-weight:600;display:flex}.price-card button{width:100%;margin-bottom:3rem}.includes{color:var(--text-main);margin-bottom:1.5rem;font-size:1rem;font-weight:700}.feature-list{flex-direction:column;gap:1rem;display:flex}.feature-list li{color:var(--text-muted);align-items:flex-start;gap:.75rem;font-size:.95rem;display:flex}.feature-list i{color:var(--accent-blue);margin-top:.3rem;font-size:.85rem}.faq-section{max-width:900px;margin:0 auto;padding:8rem 5%}.faq-section h2{text-align:center;margin-bottom:4rem;font-size:2.5rem;font-weight:800}.faq-list{flex-direction:column;display:flex}.faq-item{border-bottom:1px solid var(--border-color);padding:2rem 0}.faq-item summary{cursor:pointer;transition:var(--transition-smooth);justify-content:space-between;align-items:center;font-size:1.2rem;font-weight:600;list-style:none;display:flex}.faq-item summary:hover{color:var(--accent-blue)}.faq-content{color:var(--text-muted);margin-top:1.5rem;font-size:1.05rem;line-height:1.7}footer{border-top:1px solid var(--border-color);background-color:#050505;padding:8rem 5% 4rem}.footer-cta{text-align:center;max-width:800px;margin-bottom:8rem;margin-left:auto;margin-right:auto}.footer-cta h2{letter-spacing:-2px;margin-bottom:2.5rem;font-size:clamp(2.5rem,6vw,4rem);font-weight:800}.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr 1.5fr;gap:4rem;display:grid}.footer-col h4{color:var(--text-main);margin-bottom:2rem;font-size:1.1rem;font-weight:700}.footer-col ul{flex-direction:column;gap:1rem;display:flex}.footer-col a{color:var(--text-muted);transition:var(--transition-smooth);font-size:.95rem}.footer-col a:hover{color:var(--text-main);transform:translate(4px)}.social-icons{gap:1.25rem;margin-bottom:2rem;display:flex}.social-icons i{color:var(--text-muted);cursor:pointer;transition:var(--transition-smooth);font-size:1.4rem}.social-icons i:hover{color:var(--text-main);transform:translateY(-3px)}.language-selector select{background-color:var(--bg-card);color:var(--text-main);border:1px solid var(--border-color);cursor:pointer;border-radius:12px;outline:none;width:100%;margin-bottom:2rem;padding:.75rem 1rem;font-family:inherit}.copyright{color:var(--text-muted);margin-top:1rem;font-size:.9rem}@media (width<=1200px){.workflow-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=1024px){.pricing-cards{flex-direction:column;align-items:center}.price-card,.price-card.highlighted{width:100%;max-width:600px;transform:scale(1)}.cap-container{flex-direction:column;gap:2rem}.cap-sidebar{width:100%}.cap-sidebar ul{white-space:nowrap;scrollbar-width:none;flex-direction:row;padding-bottom:10px;overflow-x:auto}.cap-sidebar ul::-webkit-scrollbar{display:none}.cap-grid{grid-template-columns:repeat(2,1fr)}.feature-showcase{text-align:center;flex-direction:column;gap:3rem}.hero-gallery{grid-template-columns:repeat(3,1fr)}.desktop-only-menu-item{flex-wrap:nowrap;gap:.8rem;display:flex!important}}@media (width<=768px){.navbar{padding:1rem 5%}.search-bar{display:none}.mobile-menu-btn{display:block}.nav-links{background-color:var(--bg-card);border-bottom:1px solid var(--border-color);flex-direction:column;width:100%;padding:2rem 0;display:none;position:absolute;top:100%;left:0;box-shadow:0 20px 40px #00000080}.nav-links.active{display:flex}.nav-links li{text-align:center;padding:1rem 0}.hero h1{font-size:3rem}.workflow-header h2,.capabilities h2,.pricing h2{font-size:2.25rem}.footer-grid{grid-template-columns:repeat(2,1fr);gap:3rem}}@media (width<=480px){.hero-gallery{grid-template-columns:repeat(2,1fr)}.cap-grid,.workflow-grid{grid-template-columns:1fr;gap:2rem}.workflow-card{height:380px;padding:2rem}.workflow-header{flex-direction:column;align-items:flex-start;gap:1.5rem;margin-bottom:2.5rem}.workflow-header h2{font-size:2rem}}.sidebar-drawer{z-index:2000;width:280px;height:100vh;transition:var(--transition-smooth);background:#000;border-right:1px solid #ffffff0d;padding:2rem;position:fixed;top:0;left:-280px}.sidebar-drawer.active{left:0;box-shadow:20px 0 60px #000c}.sidebar-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1001;background:#0009;display:none;position:fixed;inset:0}.sidebar-overlay.active{display:block}.sidebar-section-label{text-transform:uppercase;color:#444;letter-spacing:1.5px;margin:1.5rem 0 .5rem 1rem;font-size:.65rem;font-weight:800;list-style:none}.drawer-links{flex-direction:column;gap:.75rem;display:flex}.drawer-links li a{color:var(--text-muted);transition:var(--transition-smooth);border-radius:12px;align-items:center;gap:1.25rem;padding:.8rem 1rem;font-size:1.1rem;font-weight:600;text-decoration:none;display:flex}.drawer-links li a i{text-align:center;width:20px;color:var(--text-muted);transition:var(--transition-smooth);font-size:1.2rem}.drawer-links li a:hover{color:#fff;background:#ffffff0d}.drawer-links li a:hover i{color:var(--accent-blue);transform:translate(2px)}.sidebar-divider{background:var(--border-color);height:1px;margin:1.5rem .5rem;list-style:none}.sign-in-mob{color:var(--accent-blue)!important;background:#3b82f61a!important;font-weight:700!important}.sign-in-mob:hover{background:#3b82f626!important}.close-menu{cursor:pointer;color:var(--text-muted);font-size:1.5rem}@media (width<=768px){.nav-links{flex-wrap:nowrap;gap:.8rem;display:flex!important}.mobile-menu-btn{display:block!important}}.component-categories{text-align:center;z-index:20;background:radial-gradient(circle,#111 0%,#000 80%);flex-direction:column;justify-content:center;align-items:center;height:calc(100vh - 70px);display:flex;position:sticky;top:70px}.component-categories .section-title{background:linear-gradient(#fff,#999);-webkit-text-fill-color:transparent;letter-spacing:-3px;-webkit-background-clip:text;background-clip:text;margin-bottom:2rem;font-size:5rem;font-weight:800;line-height:1.1}.component-categories .section-subtitle{color:#888;max-width:800px;margin-bottom:5rem;font-size:1.5rem;line-height:1.5}.component-categories{background-color:#000;padding:10rem 5%;position:relative;overflow:hidden}.component-categories:before{content:"";pointer-events:none;z-index:1;background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:50px 50px;width:100%;height:100%;position:absolute;top:0;left:0}.component-categories:after{content:"";filter:blur(100px);z-index:0;pointer-events:none;background:radial-gradient(circle,#3b82f60d 0%,#0000 70%);width:60vw;height:60vw;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.category-grid{z-index:2;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;max-width:1400px;margin:4rem auto 0;display:grid;position:relative}.category-card{-webkit-backdrop-filter:blur(15px);cursor:pointer;background:#ffffff05;border:1px solid #ffffff0f;border-radius:24px;flex-direction:column;align-items:center;gap:1.5rem;padding:3rem 1.5rem;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.category-card:hover{background:#ffffff0d;border-color:#3b82f64d;transform:translateY(-8px);box-shadow:0 20px 40px #0006,0 0 20px #3b82f61a}.category-card:after{content:"";opacity:0;z-index:0;background:radial-gradient(circle,#3b82f633 0%,#0000 70%);width:100%;height:100%;transition:opacity .4s;position:absolute;top:0;left:0}.category-card:hover:after{opacity:1}.category-card i{color:#fff;z-index:1;font-size:2.5rem;transition:all .3s;position:relative}.category-card:hover i{color:var(--accent-blue);transform:scale(1.1)rotate(5deg)}.category-card span{color:#ffffffb3;z-index:1;font-size:1rem;font-weight:600;transition:color .3s}.category-card:hover span{color:#fff}@media (width<=1024px){.category-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=768px){.category-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.category-grid{grid-template-columns:1fr}}.fluxy-footer-shifting{color:#fff;z-index:10;perspective:2000px;background-color:#000;flex-direction:column;min-height:auto;padding-bottom:4rem;display:flex;position:relative;overflow:hidden}.fluxy-footer-shifting:before{content:"";filter:blur(100px);pointer-events:none;z-index:0;background:radial-gradient(circle,#3b82f626 0%,#0000 70%);width:80vw;height:40vw;position:absolute;bottom:-100px;left:50%;transform:translate(-50%)}.footer-black-transition{background:linear-gradient(to bottom, #000, var(--accent-blue));z-index:1;pointer-events:none;will-change:opacity;width:100%;height:100%;position:absolute;top:0;left:0}.footer-content-wrapper{z-index:2;will-change:transform, opacity;width:100%;min-height:auto;transform-style:preserve-3d;grid-template-rows:auto auto auto;gap:2rem;padding:2rem 10% 0;display:grid;position:relative}.footer-top-reveal{justify-content:space-between;align-items:flex-end;margin-top:1rem;display:flex}.footer-logo-text{letter-spacing:-4px;background:linear-gradient(#fff 40%,#fff6);-webkit-text-fill-color:transparent;transition:var(--transition-smooth);-webkit-background-clip:text;background-clip:text;font-size:clamp(3rem,10vw,7rem);font-weight:900;line-height:.9}.footer-logo-text:hover{letter-spacing:-2px;opacity:.8}.footer-sub-brand{color:#94a3b8;margin-top:1rem;font-size:1.2rem}.footer-main-cta{-webkit-backdrop-filter:blur(20px);color:#fff;background:#ffffff0d;border:1px solid #ffffff26;border-radius:9999px;padding:1.2rem 2.8rem;font-size:1.1rem;font-weight:600;text-decoration:none;transition:all .4s cubic-bezier(.16,1,.3,1);box-shadow:0 10px 40px #0000004d}.footer-main-cta:hover{background:var(--accent-blue);color:#fff;transform:translateY(-5px)scale(1.05);box-shadow:0 15px 40px #3b82f666}.footer-grid-reveal{grid-template-columns:repeat(3,1fr);gap:4rem;display:grid}.footer-col h4{text-transform:uppercase;letter-spacing:2px;color:#fff6;margin-bottom:2rem;font-size:.8rem}.footer-col ul{padding:0;list-style:none}.footer-col ul li{margin-bottom:1rem}.footer-col ul li a{color:#fffc;font-size:1.1rem;font-weight:500;text-decoration:none;transition:all .3s;display:inline-block}.footer-col ul li a:hover{color:#fff;opacity:1;transform:translate(10px)}.footer-col ul li a:after{content:"";background:var(--accent-blue);width:0;height:1px;transition:width .3s;position:absolute;bottom:-2px;left:0}.footer-col ul li a:hover:after{width:100%}.footer-bottom-reveal{border-top:1px solid #ffffff1a;justify-content:space-between;align-items:center;margin-bottom:0;padding-top:2rem;display:flex}.footer-social-links{gap:2rem;display:flex}.footer-social-links a{color:#fff;opacity:.7;font-size:1.5rem;transition:all .3s}.footer-social-links a:hover{opacity:1;transform:translateY(-5px)scale(1.2)}.footer-social-links a[aria-label=Instagram]:hover{color:#e4405f;text-shadow:0 0 15px #e4405f80}.footer-social-links a[aria-label=Twitter]:hover{color:#1da1f2;text-shadow:0 0 15px #1da1f280}.footer-social-links a[aria-label=YouTube]:hover{color:red;text-shadow:0 0 15px #ff000080}.footer-social-links a[aria-label=LinkedIn]:hover{color:#0077b5;text-shadow:0 0 15px #0077b580}.footer-legal-links{opacity:.6;gap:2rem;font-size:.9rem;display:flex}@media (width<=1024px){.footer-grid-reveal{grid-template-columns:1fr 1fr}}@media (width<=768px){.footer-top-reveal{flex-direction:column;align-items:flex-start;gap:2rem}.footer-grid-reveal{grid-template-columns:1fr}.footer-bottom-reveal{flex-direction:column;align-items:flex-start;gap:2rem}}.scroll-reveal-section{color:#fff;background-color:#000;height:300vh;position:relative}.reveal-content{justify-content:center;align-items:center;height:100vh;padding:0 10%;display:flex;position:sticky;top:0;overflow:hidden}.reveal-text{letter-spacing:-2px;text-align:center;max-width:1200px;font-size:clamp(2rem,5vw,4.5rem);font-weight:800;line-height:1.1;font-family:var(--font-family);flex-wrap:wrap;justify-content:center;display:flex}.reveal-word{--word-turn:calc((var(--word-index) * .7) / var(--word-total));--word-step:calc(.3 / var(--word-total));--word-progress:clamp(0, (var(--progress) - var(--word-turn)) / var(--word-step), 1);transform:translate3d(0, calc(100% - var(--word-progress) * 100%), 0);clip-path:inset(-20% 0 calc(120% - var(--word-progress) * 140%) 0);color:rgba(255, 255, 255, calc(.1 + var(--word-progress) * .9));transition:color .3s;display:inline-block;position:relative}.reveal-word:hover{color:var(--accent-blue)}.kinetic-text-section{color:#f4c7a7;background-color:#000;padding-bottom:20vh;position:relative;overflow:hidden}.kinetic-container{width:100%;position:relative}.start-label,.end-label{text-transform:uppercase;letter-spacing:2px;color:#fff;justify-content:center;align-items:center;height:100vh;font-size:1rem;font-weight:700;display:flex}.start-label{margin-bottom:-100vh}.kinetic-row{width:100%;height:200vh;margin-bottom:-80vh;position:relative}.kinetic-row:last-of-type{margin-bottom:0}.sticky-box{justify-content:center;align-items:center;height:100vh;display:flex;position:sticky;top:0}.kinetic-word{text-transform:uppercase;white-space:nowrap;color:#0000;font-family:Climate Crisis,sans-serif;font-size:max(8rem,18vw);line-height:.8;display:flex}.kinetic-char{transform-origin:50% 0;will-change:transform, scale;--char-step:calc(.5 / (var(--char-total) + 1));--char-begin:calc(.2 + var(--char-index) * var(--char-step));--char-local:calc((var(--progress,0) - var(--char-begin)) / var(--char-step));--char-t:clamp(0, var(--char-local), 1);transform:scaleY(calc(1 - var(--char-t)));display:inline-flex;position:relative}.kinetic-char:after{content:attr(data-char);color:#f4c7a7;transform-origin:50% 99.5%;--after-char-step:calc(.5 / var(--char-total));--after-char-begin:calc(var(--char-index) * var(--after-char-step));--after-char-local:calc((var(--progress,0) - var(--after-char-begin)) / var(--after-char-step));--after-char-t:clamp(0, var(--after-char-local), 1);transform:scaleY(clamp(0, var(--after-char-t), .95));opacity:calc(var(--after-char-t) * 2 - var(--char-t) * 2);position:absolute;top:-6.25%;left:0}.kinetic-asset{z-index:20;pointer-events:none;will-change:transform, scale, opacity;width:25%;position:absolute}.kinetic-asset div{transform-origin:50% 100%}.kinetic-asset svg{aspect-ratio:1;animation:1.5s ease-in-out infinite cartoon-bounce}.kinetic-sun{top:10%;left:5%}.kinetic-sun div{transform:scale(calc(.5 + var(--progress) * 1.5))}.kinetic-balloon{top:20%;left:65%}.kinetic-balloon div{transform:scale(calc(.8 + var(--progress))) rotate(calc(var(--progress) * 20deg))}.kinetic-cloud{top:40%;left:15%}.kinetic-cloud div{transform:translateX(calc(var(--progress) * 100px)) scale(1.2)}.kinetic-fly{top:60%;left:40%}.kinetic-fly div{transform:translate(calc(-50% + 150% * var(--progress)), calc(-20% * var(--progress))) rotate(calc(30deg - 60deg * var(--progress)))}@keyframes cartoon-bounce{0%,to{transform:skew(0)scale(1)}25%{transform:skew(1deg)scaleY(.95)}50%{transform:skew(-1deg)scale(1)}75%{transform:skew(1deg)scaleY(.95)}}@media (width<=768px){html,body{overscroll-behavior-x:none;width:100%;max-width:100vw;position:relative;touch-action:pan-y!important;overflow-x:hidden!important}.mobile-menu-btn{cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;order:2;justify-content:center;align-items:center;width:40px;height:40px;display:flex!important}.nav-left{flex-direction:row!important;justify-content:flex-start!important;align-items:center!important;gap:1.5rem!important;width:auto!important;display:flex!important}.nav-logo,.nav-links{display:none!important}.navbar{padding:.8rem 1.5rem;box-sizing:border-box!important;justify-content:space-between!important;align-items:center!important;width:100%!important;display:flex!important}.nav-right{flex:1;justify-content:flex-end;gap:1rem}.hero{padding:4rem 1rem 3rem}.hero h1{letter-spacing:-1px;font-size:clamp(1.8rem,10vw,2.5rem)!important}.subtitle{white-space:normal!important;font-size:.9rem!important;line-height:1.4!important}.app-layout,main,section,div{max-width:100%;overflow-x:hidden}.workflow-grid,.no-scrollbar{overflow-x:auto!important}.category-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))!important;gap:1rem!important}.brand-logos{gap:2rem!important;font-size:1.2rem!important}.brands-slogan{margin-top:1.5rem!important;font-size:.95rem!important}.brands-slogan strong{font-size:1.2rem!important}.section-title{font-size:2rem!important}.w-full{width:100%!important}.max-w-full{max-width:100%!important}.overflow-hidden{overflow:hidden!important}.text-center{text-align:center!important}.flex-col{flex-direction:column!important}.glow-light,.bg-glow{display:none!important}}@media (width<=480px){.hero h1{font-size:1.75rem!important}.btn-neo{padding:.4rem .4rem .4rem 1.2rem}.bgContainer span{font-size:.9rem}.arrowContainer{width:36px;height:36px}}*{-webkit-overflow-scrolling:touch}.home-page{height:100vh!important;max-height:100vh!important;overflow:hidden!important}.cookie-consent-wrapper{z-index:1000;position:fixed;bottom:30px;right:30px}.cookie-card{-webkit-backdrop-filter:blur(20px);background-color:#0a0a0cd9;border:1px solid #ffffff14;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:16px;width:320px;padding:30px 24px;transition:transform .4s cubic-bezier(.16,1,.3,1),opacity .4s;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 40px #0006,0 0 20px #3b82f60d}.cookie-consent-wrapper.animate{animation:.6s cubic-bezier(.16,1,.3,1) forwards slideUpFade}@keyframes slideUpFade{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.cookie-icon{color:var(--accent-blue);background:#3b82f61a;border:1px solid #3b82f633;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:8px;font-size:2.5rem;display:flex}.cookie-heading{color:#fff;letter-spacing:-.5px;margin:0;font-size:1.25rem;font-weight:800}.cookie-description{text-align:center;color:var(--text-muted);margin:0;font-size:.85rem;font-weight:500;line-height:1.5}.cookie-description a{color:var(--accent-blue);font-weight:600;text-decoration:none;transition:all .2s}.cookie-description a:hover{text-shadow:0 0 8px #3b82f666;text-decoration:underline}.cookie-button-container{gap:12px;width:100%;margin-top:8px;display:flex}.cookie-button-container button{cursor:pointer;border:none;border-radius:10px;flex:1;justify-content:center;align-items:center;height:42px;font-size:.9rem;font-weight:700;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex}.btn-accept{background-color:var(--accent-blue);color:#fff;box-shadow:0 4px 10px #3b82f64d}.btn-accept:hover{background-color:#2563eb;transform:translateY(-2px);box-shadow:0 8px 20px #3b82f666}.btn-decline{color:var(--text-muted);background-color:#ffffff0d;border:1px solid #ffffff1a}.btn-decline:hover{color:#fff;background-color:#ffffff1a}.btn-settings{color:var(--text-muted);background-color:#ffffff0d;border:1px solid #ffffff1a;flex:.3!important}.btn-settings:hover{color:var(--accent-blue);background-color:#ffffff1a;transform:rotate(30deg)}.star-pattern-container{z-index:0;perspective:1000px;width:100%;height:100%;transform-style:preserve-3d;background:radial-gradient(at bottom,#000 0%,#050505 100%);animation:50s linear infinite animStar;position:absolute;top:0;left:0;overflow:hidden;transform:translateZ(0)}#stars{background:0 0;width:1px;height:1px;box-shadow:501px 811px #fff,1450px 1324px #fff,1093px 1780px #fff,1469px 678px #fff,904px 741px #fff,1160px 781px #fff,1841px 1962px #fff,1630px 1667px #fff,1788px 676px #fff,367px 1734px #fff,1343px 156px #fff,1283px 1142px #fff,1062px 378px #fff,1395px 467px #fff,1017px 1891px #fff,137px 1114px #fff,1767px 1403px #fff,1543px 11px #fff,1078px 181px #fff,1189px 1574px #fff,1697px 1551px #fff,439px 472px #fff,1491px 677px #fff,1364px 599px #fff,34px 382px #fff,1221px 1584px #fff,1266px 1499px #fff,169px 1907px #fff,1219px 1125px #fff,659px 18px #fff,1731px 1959px #fff,332px 1216px #fff,1913px 788px #fff,80px 712px #fff,326px 1605px #fff,574px 1502px #fff,473px 1653px #fff,404px 975px #fff,322px 1797px #fff,425px 1321px #fff,1121px 1797px #fff,731px 647px #fff,891px 1584px #fff,1523px 109px #fff,1379px 244px #fff,865px 1064px #fff,493px 956px #fff,624px 1380px #fff,440px 619px #fff,1630px 767px #fff,955px 1196px #fff,62px 729px #fff,126px 946px #fff,1256px 896px #fff,1444px 256px #fff,661px 1628px #fff,1078px 1716px #fff,300px 737px #fff,1734px 413px #fff,1296px 129px #fff,1771px 1678px #fff,977px 1764px #fff,1879px 549px #fff,665px 1531px #fff,89px 701px #fff,1084px 1183px #fff,1597px 1576px #fff,1354px 1774px #fff,554px 1471px #fff,1469px 287px #fff,887px 106px #fff,1962px 766px #fff,638px 805px #fff,1651px 741px #fff,1517px 1826px #fff,24px 1152px #fff,507px 558px #fff,1262px 652px #fff,246px 1048px #fff,1077px 421px #fff,1866px 1847px #fff,1986px 1561px #fff,704px 632px #fff,1991px 1875px #fff,1227px 395px #fff,45px 1116px #fff,247px 786px #fff,890px 607px #fff,787px 1235px #fff,557px 524px #fff,1582px 1285px #fff,1725px 1366px #fff,952px 747px #fff,251px 458px #fff,1500px 1250px #fff,1999px 1734px #fff,1336px 1955px #fff,1705px 1464px #fff,728px 697px #fff,594px 510px #fff,1345px 1990px #fff,1919px 1803px #fff,1117px 966px #fff,1629px 97px #fff,1046px 1196px #fff,810px 1092px #fff,722px 976px #fff,406px 18px #fff,1665px 1860px #fff,1758px 1628px #fff,1183px 463px #fff,564px 239px #fff,13px 1767px #fff,1482px 1472px #fff,1700px 347px #fff,1362px 244px #fff,1141px 1708px #fff,22px 885px #fff,374px 1309px #fff,1034px 1037px #fff,1725px 1086px #fff,1343px 1921px #fff,596px 903px #fff,1061px 478px #fff,18px 1409px #fff,729px 1364px #fff,264px 911px #fff,677px 1442px #fff,123px 33px #fff,1303px 646px #fff,1945px 792px #fff,1305px 938px #fff,918px 1536px #fff,620px 948px #fff,183px 646px #fff,695px 687px #fff,881px 272px #fff,1521px 1212px #fff,1423px 1022px #fff,1545px 1271px #fff,1393px 348px #fff,685px 1910px #fff,1446px 856px #fff,73px 1201px #fff,736px 999px #fff,673px 796px #fff,469px 850px #fff,1912px 142px #fff,1278px 664px #fff,184px 1990px #fff,1173px 1312px #fff,782px 1879px #fff,323px 1035px #fff,611px 908px #fff,565px 1449px #fff,748px 1713px #fff,1047px 490px #fff,1040px 1872px #fff,1818px 1659px #fff,1806px 1327px #fff,386px 575px #fff,1550px 463px #fff,148px 687px #fff,651px 1683px #fff,1588px 1194px #fff,1831px 2px #fff,581px 876px #fff,1396px 1743px #fff,1212px 1810px #fff,421px 1920px #fff,658px 1461px #fff,1859px 1809px #fff,1456px 388px #fff,186px 1627px #fff,1528px 1145px #fff,171px 97px #fff,674px 1072px #fff,676px 1052px #fff,1165px 1131px #fff,1088px 781px #fff,1231px 948px #fff,330px 257px #fff,426px 1046px #fff,549px 652px #fff,1338px 74px #fff,1749px 364px #fff,931px 369px #fff,383px 1428px #fff,1558px 389px #fff,927px 133px #fff,234px 1888px #fff,1785px 1617px #fff,556px 643px #fff,401px 275px #fff,406px 1644px #fff,1253px 1852px #fff,1599px 883px #fff,744px 1721px #fff,524px 1297px #fff,1226px 1177px #fff,1679px 55px #fff,874px 1811px #fff,838px 790px #fff,1241px 430px #fff,1676px 652px #fff,1191px 568px #fff,53px 1990px #fff,1163px 237px #fff,61px 223px #fff,592px 456px #fff,1844px 271px #fff,1324px 1488px #fff,1373px 717px #fff,1822px 709px #fff,1464px 941px #fff,1445px 1118px #fff,991px 1414px #fff,1964px 1076px #fff,108px 172px #fff,641px 1722px #fff,1539px 427px #fff,1697px 45px #fff,1301px 1353px #fff,1060px 329px #fff,967px 1396px #fff,493px 301px #fff,1228px 1406px #fff,1211px 1653px #fff,444px 1822px #fff,1746px 353px #fff,1449px 381px #fff,671px 887px #fff,650px 138px #fff,30px 1839px #fff,1094px 1405px #fff,273px 796px #fff,1618px 1964px #fff,1045px 1849px #fff,1472px 1155px #fff,1529px 1312px #fff,728px 448px #fff,44px 1908px #fff,691px 818px #fff,254px 293px #fff,1981px 1133px #fff,1307px 375px #fff,196px 316px #fff,1241px 1975px #fff,1138px 1706px #fff,1769px 463px #fff,1768px 1428px #fff,1730px 590px #fff,1780px 523px #fff,1862px 1526px #fff,1613px 909px #fff,1266px 1781px #fff,470px 352px #fff,699px 1682px #fff,1002px 614px #fff,1209px 133px #fff,1842px 518px #fff,1422px 1836px #fff,1720px 1901px #fff,470px 1788px #fff,1355px 1387px #fff,146px 1162px #fff,933px 80px #fff,681px 1063px #fff,313px 1341px #fff,740px 1498px #fff,168px 1014px #fff,345px 1355px #fff,1498px 1562px #fff,1626px 1358px #fff,890px 403px #fff,663px 562px #fff,1481px 168px #fff,22px 719px #fff,774px 1041px #fff,1899px 829px #fff,430px 158px #fff,430px 361px #fff,1592px 1334px #fff,224px 323px #fff,1639px 1131px #fff,7px 271px #fff,1646px 1514px #fff,1605px 1444px #fff,1820px 1665px #fff,1549px 1641px #fff,1609px 1377px #fff,486px 1098px #fff,229px 613px #fff,542px 1694px #fff,318px 256px #fff,1861px 918px #fff,889px 892px #fff,442px 1524px #fff,19px 422px #fff,1935px 1908px #fff,828px 109px #fff,862px 1248px #fff,1275px 560px #fff,906px 63px #fff,337px 1605px #fff,1691px 918px #fff,1414px 679px #fff,1726px 749px #fff,1540px 1149px #fff,1337px 1466px #fff,446px 430px #fff,676px 1616px #fff,840px 326px #fff,976px 977px #fff,1840px 642px #fff,1273px 804px #fff,1071px 928px #fff,1292px 1675px #fff,29px 1148px #fff,1585px 135px #fff,1007px 563px #fff,1035px 78px #fff,1174px 574px #fff,120px 1304px #fff,845px 1292px #fff,861px 540px #fff,234px 232px #fff,1940px 1367px #fff,759px 639px #fff,1775px 1381px #fff,906px 372px #fff,1104px 1165px #fff,1524px 911px #fff,1882px 330px #fff,1389px 700px #fff,300px 1629px #fff,220px 1614px #fff,563px 140px #fff,1611px 1586px #fff,793px 1316px #fff,325px 1070px #fff,1722px 1462px #fff,1406px 1120px #fff,1169px 1768px #fff,1956px 1053px #fff,959px 1587px #fff,585px 1566px #fff,370px 204px #fff,1606px 1416px #fff,443px 1606px #fff,1499px 1102px #fff,1943px 105px #fff,1121px 1594px #fff,1512px 32px #fff,871px 1425px #fff,433px 100px #fff,294px 1471px #fff,1688px 1755px #fff,1666px 591px #fff,1034px 300px #fff,734px 1178px #fff,1342px 313px #fff,1616px 1590px #fff,1763px 1472px #fff,632px 1935px #fff,1708px 872px #fff,1871px 915px #fff,1829px 1020px #fff,1599px 578px #fff,42px 585px #fff,1163px 1382px #fff,1744px 1272px #fff,984px 1426px #fff,1786px 1584px #fff,1813px 379px #fff,1867px 1127px #fff,97px 567px #fff,626px 988px #fff,1178px 79px #fff,1703px 211px #fff,961px 1785px #fff,110px 975px #fff,953px 1941px #fff,1027px 1790px #fff,1665px 107px #fff,11px 964px #fff,1718px 1147px #fff,21px 1728px #fff,1358px 1922px #fff,872px 65px #fff,1191px 1635px #fff,762px 681px #fff,1519px 1033px #fff,906px 566px #fff,1074px 657px #fff,1093px 415px #fff,51px 198px #fff,1075px 1418px #fff,1547px 1070px #fff,225px 920px #fff,850px 1974px #fff,981px 595px #fff,1425px 131px #fff,460px 917px #fff,56px 495px #fff,714px 428px #fff,920px 493px #fff,470px 1521px #fff,532px 821px #fff,1905px 71px #fff,883px 1501px #fff,294px 196px #fff,381px 1999px #fff,332px 793px #fff,1246px 408px #fff,233px 149px #fff,315px 231px #fff,1594px 1302px #fff,696px 1585px #fff,791px 136px #fff,479px 199px #fff,1627px 1413px #fff,1824px 924px #fff,1631px 342px #fff,1251px 1151px #fff,284px 1781px #fff,497px 1052px #fff,204px 1161px #fff,646px 1499px #fff,1762px 558px #fff,854px 1833px #fff,883px 945px #fff,44px 982px #fff,1101px 834px #fff,515px 1748px #fff,1578px 1435px #fff,819px 1258px #fff,776px 670px #fff,115px 385px #fff,1478px 434px #fff,885px 20px #fff,192px 1513px #fff,78px 1129px #fff,1774px 1105px #fff,955px 1149px #fff,1817px 1929px #fff,1106px 1832px #fff,1107px 1997px #fff,94px 23px #fff,243px 982px #fff,43px 1972px #fff,1798px 673px #fff,1131px 1589px #fff,841px 14px #fff,826px 345px #fff,687px 56px #fff,1084px 32px #fff,1887px 1878px #fff,153px 526px #fff,1828px 253px #fff,1947px 1105px #fff,886px 700px #fff,1307px 1723px #fff,1274px 651px #fff,1530px 837px #fff,1699px 1637px #fff,1703px 1331px #fff,1929px 1557px #fff,1763px 737px #fff,1118px 1680px #fff,1545px 692px #fff,1462px 1092px #fff,208px 1667px #fff,1393px 859px #fff,186px 1794px #fff,351px 1199px #fff,642px 1995px #fff,1061px 1726px #fff,1708px 115px #fff,1233px 1305px #fff,637px 1786px #fff,1730px 603px #fff,75px 1240px #fff,1704px 1326px #fff,584px 346px #fff,438px 1554px #fff,561px 513px #fff,1382px 225px #fff,467px 1674px #fff,1403px 815px #fff,1546px 1835px #fff,127px 1119px #fff,276px 591px #fff,688px 1458px #fff,765px 646px #fff,474px 984px #fff,171px 361px #fff,94px 1480px #fff,1962px 1666px #fff,909px 1037px #fff,1725px 222px #fff,253px 1355px #fff,1892px 1901px #fff,275px 1847px #fff,28px 1184px #fff,1725px 1382px #fff,882px 647px #fff,1935px 1046px #fff,10px 344px #fff,292px 1328px #fff,127px 1352px #fff,752px 929px #fff,1589px 384px #fff,284px 1829px #fff,381px 820px #fff,1229px 1125px #fff,777px 429px #fff,1811px 1499px #fff,1573px 287px #fff,295px 756px #fff,389px 616px #fff,781px 41px #fff,1092px 333px #fff,794px 1588px #fff,386px 1847px #fff,1802px 710px #fff,662px 60px #fff,640px 264px #fff,463px 746px #fff,1859px 799px #fff,763px 37px #fff,639px 396px #fff,357px 1071px #fff,1190px 1430px #fff,1814px 257px #fff,1382px 235px #fff,606px 1304px #fff,1939px 1470px #fff,1124px 349px #fff,307px 1567px #fff,310px 1323px #fff,1145px 922px #fff,1196px 1922px #fff,1647px 544px #fff,788px 1337px #fff,257px 632px #fff,1413px 414px #fff,590px 620px #fff,582px 794px #fff,1702px 1481px #fff,1055px 53px #fff,157px 346px #fff,50px 1901px #fff,1038px 1369px #fff,796px 1941px #fff,215px 194px #fff,1567px 1538px #fff,367px 800px #fff,1044px 489px #fff,1109px 1712px #fff,524px 327px #fff,525px 1252px #fff,1475px 1240px #fff,529px 436px #fff,795px 834px #fff,122px 1371px #fff,79px 482px #fff,520px 1249px #fff,336px 1878px #fff,188px 944px #fff,325px 1259px #fff,1491px 1942px #fff,620px 1054px #fff,1606px 1153px #fff,1448px 502px #fff,53px 1381px #fff,107px 1670px #fff,1380px 618px #fff,967px 1557px #fff,1116px 1722px #fff,1174px 1044px #fff,1805px 717px #fff,663px 394px #fff,1848px 1007px #fff,389px 802px #fff,49px 392px #fff,1650px 852px #fff,1678px 1012px #fff,335px 1009px #fff,1818px 1631px #fff,1568px 742px #fff,1162px 1991px #fff,52px 1190px #fff,1401px 928px #fff,119px 1549px #fff,537px 1529px #fff,2px 1709px #fff,122px 387px #fff,543px 2px #fff,27px 1971px #fff,507px 1377px #fff,1362px 1080px #fff,1031px 1544px #fff,1631px 1174px #fff,1603px 312px #fff,1626px 1422px #fff,1430px 615px #fff,1958px 1431px #fff,1946px 1412px #fff,1848px 247px #fff,984px 1808px #fff,1396px 225px #fff,319px 717px #fff,1252px 875px #fff,1619px 156px #fff,951px 1971px #fff,386px 355px #fff,1406px 1151px #fff,273px 1538px #fff,844px 1570px #fff,947px 151px #fff,1363px 525px #fff,209px 307px #fff,1923px 1718px #fff,993px 1741px #fff,1513px 353px #fff,1353px 61px #fff,664px 352px #fff,1382px 359px #fff,1487px 1707px #fff,657px 1045px #fff,1107px 490px #fff,1834px 1176px #fff,837px 1438px #fff,1947px 448px #fff,1196px 333px #fff,151px 555px #fff,18px 992px #fff,458px 748px #fff,1801px 890px #fff,1093px 1012px #fff,315px 1101px #fff,194px 323px #fff,754px 292px #fff,1737px 7px #fff,40px 840px #fff,1170px 805px #fff,176px 1753px #fff,805px 1148px #fff,1578px 1271px #fff,367px 1494px #fff,363px 1111px #fff,1955px 243px #fff,1451px 1093px #fff,375px 617px #fff,1223px 720px #fff,1178px 13px #fff,1456px 865px #fff,1440px 49px #fff,186px 1569px #fff,320px 1853px #fff,300px 539px #fff,1559px 509px #fff,1985px 1108px #fff,1588px 828px #fff,525px 1432px #fff,831px 363px #fff,141px 281px #fff,1319px 402px #fff,40px 456px #fff,1955px 478px #fff,1758px 818px #fff,1924px 688px #fff,1030px 953px #fff,1982px 210px #fff,917px 1401px #fff,1051px 1837px #fff,1045px 463px #fff,1744px 573px #fff,529px 1530px #fff,542px 469px #fff,1982px 324px #fff,1902px 1422px #fff,1968px 782px #fff,1666px 1561px #fff,955px 304px #fff,323px 778px #fff,272px 443px #fff,485px 581px #fff,1353px 1058px #fff,1257px 131px #fff,434px 98px #fff,1587px 1953px #fff,1749px 68px #fff,1984px 839px #fff,1518px 183px #fff,1071px 855px #fff,1662px 1994px #fff,1111px 106px #fff,1954px 838px #fff}#stars3:after{content:" ";background:0 0;width:3px;height:3px;position:absolute;top:2000px;box-shadow:200px 981px #fff,1731px 521px #fff,132px 1039px #fff,1888px 1547px #fff,899px 1226px #fff,1887px 580px #fff,1548px 1092px #fff,1626px 689px #fff,254px 1072px #fff,1684px 1211px #fff,672px 1267px #fff,939px 668px #fff,1969px 645px #fff,1126px 983px #fff,457px 568px #fff,476px 876px #fff,829px 1896px #fff,1364px 1846px #fff,1507px 1120px #fff,936px 1948px #fff,1833px 832px #fff,1424px 285px #fff,1377px 1596px #fff,432px 153px #fff,1348px 1410px #fff,1529px 954px #fff,1102px 387px #fff,264px 297px #fff,811px 977px #fff,1931px 673px #fff,1734px 978px #fff,1772px 1567px #fff,1197px 1400px #fff,764px 282px #fff,1103px 822px #fff,872px 1803px #fff,1057px 1763px #fff,52px 1299px #fff,1312px 1236px #fff,235px 1082px #fff,299px 1086px #fff,1017px 1602px #fff,1950px 626px #fff,1306px 132px #fff,1358px 1618px #fff,1873px 1718px #fff,1447px 940px #fff,1888px 1195px #fff,1704px 1765px #fff,872px 1357px #fff,1555px 1120px #fff,250px 1415px #fff,450px 415px #fff,492px 901px #fff,170px 1641px #fff,56px 1129px #fff,627px 1514px #fff,1221px 500px #fff,324px 1895px #fff,1397px 1775px #fff,1966px 598px #fff,1550px 763px #fff,326px 1605px #fff,261px 969px #fff,890px 281px #fff,736px 544px #fff,589px 1262px #fff,1581px 368px #fff,1900px 1132px #fff,1914px 585px #fff,1864px 1517px #fff,241px 217px #fff,859px 787px #fff,996px 1729px #fff,741px 121px #fff,418px 414px #fff,142px 967px #fff,387px 896px #fff,703px 562px #fff,968px 1136px #fff,1682px 332px #fff,1287px 846px #fff,256px 1427px #fff,1885px 432px #fff,1739px 1458px #fff,345px 1769px #fff,1140px 1612px #fff,192px 1921px #fff,920px 471px #fff,834px 881px #fff,917px 1803px #fff,466px 1266px #fff,483px 1108px #fff,689px 986px #fff,1279px 786px #fff,458px 910px #fff,1250px 870px #fff,785px 1654px #fff,1543px 1757px #fff,287px 1272px #fff}@keyframes animStar{0%{transform:translateY(0)}to{transform:translateY(-2000px)}}.sequence-container{color:#fff;background-color:#000;margin-top:-65px;padding-top:0;position:relative;margin-bottom:0!important;padding-bottom:0!important}.sticky-wrapper{justify-content:center;align-items:center;height:calc(100vh - 70px);display:flex;position:sticky;top:70px;overflow:hidden}.seq-inner{z-index:10;flex-direction:column;justify-content:center;align-items:center;gap:0;width:100%;padding:0 5vw;display:flex;position:relative}.hero-title-row{text-align:center;text-transform:uppercase;letter-spacing:-.04em;color:#fff;text-shadow:0 0 20px #ffffff4d,0 0 40px #ffffff1a;width:100%;font-family:Outfit,Inter,sans-serif;font-size:clamp(5rem,20vw,22rem);font-weight:900;line-height:1.05;animation:4s ease-in-out infinite glowPulse}@keyframes glowPulse{0%,to{text-shadow:0 0 20px #ffffff4d,0 0 40px #ffffff1a}50%{text-shadow:0 0 30px #ffffff80,0 0 60px #fff3}}.hero-title-row:last-of-type{transform:translate(-5vw)}.morph-line{justify-content:center;align-items:center;display:inline-flex}.char-cell{place-items:center;line-height:1;display:inline-grid;position:relative}.kinetic-char{text-align:center;will-change:opacity;font-weight:900;transition:opacity .4s ease-in-out;display:block}.hero-cta{margin-top:3rem}.get-started-btn{-webkit-backdrop-filter:blur(20px);color:#fff;background:#ffffff14;border:1px solid #ffffff26;border-radius:9999px;align-items:center;gap:.6rem;padding:.9rem 2.5rem;font-family:Outfit,sans-serif;font-size:1.1rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex;box-shadow:0 10px 30px #0006}.get-started-btn:hover{background:#ffffff26;transform:translateY(-3px);box-shadow:0 15px 40px #00000080,0 0 20px #3b82f64d}.btn-arrow{font-size:1.2rem;transition:transform .3s}.get-started-btn:hover .btn-arrow{transform:translate(4px)}.bg-glow{pointer-events:none;z-index:1;filter:blur(120px);opacity:.3;will-change:transform, opacity;border-radius:50%;width:60vw;height:60vw;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.blue-glow-1{background:radial-gradient(circle,#3b82f666 0%,#0000 70%);top:50%;left:0%}.blue-glow-2{background:radial-gradient(circle,#2563eb4d 0%,#0000 70%);top:50%;left:100%}@media (width<=1024px){.hero-title-row{font-size:clamp(3rem,15vw,8rem)}}@media (width<=768px){.sequence-container{background-position:50%!important}.seq-inner{box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;gap:2rem;height:100%;min-height:calc(100vh - 70px);padding:0 1rem;display:flex}.hero-title-row{letter-spacing:-.02em;width:100%;font-size:clamp(3rem,25vw,10rem);overflow:visible}.hero-cta{margin:1rem 0}.hero-title-row:first-of-type{transform:translate(0)}}.hero-title-row:first-of-type{transform:translate(0)}:root{--bg-deep:#050505;--bg-main:#0a0a0c;--bg-secondary:#121215;--bg-card:#18181b;--bg-glass:#0f0f12b3;--text-main:#fff;--text-muted:#94a3b8;--accent-blue:#3b82f6;--border-color:#ffffff14;--font-family:"Outfit", sans-serif;--transition-smooth:all .4s cubic-bezier(.23, 1, .32, 1)}*{box-sizing:border-box;font-family:var(--font-family);margin:0;padding:0}body{background-color:var(--bg-deep);color:var(--text-main)}.hidden{display:none!important}.page-container{width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}.image-side{background-image:linear-gradient(to right, transparent, var(--bg-deep)), url(https://images.unsplash.com/photo-1620641788421-7a1c342ea42e?auto=format&fit=crop&w=1500&q=80);background-position:50%;background-size:cover;flex:1.3;position:relative}.image-side:after{content:"Create without limits.";color:#fff;text-shadow:0 4px 20px #00000080;max-width:400px;font-size:2.5rem;font-weight:800;position:absolute;bottom:3rem;left:3rem}.form-side{background-color:var(--bg-deep);flex-direction:column;flex:1;justify-content:center;align-items:center;padding:2rem;display:flex;position:relative;overflow-y:auto}.view-wrapper{text-align:center;flex-direction:column;align-items:center;width:100%;max-width:380px;animation:.6s cubic-bezier(.23,1,.32,1) fadeIn;display:flex}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.top-bar{justify-content:flex-start;width:100%;margin-bottom:2rem;display:flex}.back-btn{border:1px solid var(--border-color);color:var(--text-main);cursor:pointer;transition:var(--transition-smooth);background:#ffffff0d;border-radius:99px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.85rem;font-weight:600;display:flex}.back-btn:hover{background:#ffffff1a;transform:translate(-5px)}.logo{letter-spacing:-1px;background:linear-gradient(135deg,#fff 0%,#a1a1aa 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:2rem;font-size:2rem;font-weight:800;text-decoration:none}h1{color:#fff;letter-spacing:-.5px;margin-bottom:2.5rem;font-size:1.5rem;font-weight:700}.auth-btn{border:1px solid var(--border-color);color:#fff;cursor:pointer;width:100%;transition:var(--transition-smooth);background-color:#ffffff08;border-radius:12px;justify-content:center;align-items:center;margin-bottom:1rem;padding:.9rem 1.5rem;font-size:.95rem;font-weight:600;display:flex;position:relative}.auth-btn:hover{background-color:#ffffff14;border-color:#fff3;transform:translateY(-2px)}.auth-btn i{font-size:1.2rem;position:absolute;left:1.5rem}.fa-google,.fa-apple{color:#fff}.input-group{text-align:left;width:100%;margin-bottom:1.5rem;position:relative}.input-group label{color:var(--text-muted);margin-bottom:.5rem;font-size:.9rem;font-weight:500;display:block}.input-group input{border:1px solid var(--border-color);color:#fff;width:100%;transition:var(--transition-smooth);background-color:#ffffff0d;border-radius:12px;outline:none;padding:.9rem 1.25rem;font-size:1rem}.input-group input:focus{border-color:var(--accent-blue);background-color:#ffffff14;box-shadow:0 0 20px #3b82f61a}.submit-btn{background:linear-gradient(90deg, var(--accent-blue), #60a5fa);color:#fff;cursor:pointer;width:100%;transition:var(--transition-smooth);border:none;border-radius:12px;margin-top:1rem;margin-bottom:2rem;padding:1rem;font-size:1rem;font-weight:700}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 10px 20px #3b82f64d}.checkbox-container{text-align:left;align-items:flex-start;gap:1rem;margin:1.5rem 0;display:flex}.checkbox-container input{cursor:pointer;margin-top:.25rem}.checkbox-container label{color:var(--text-muted);font-size:.9rem;line-height:1.5}.terms-text{color:var(--text-muted);margin-bottom:2rem;font-size:.85rem;line-height:1.6}.link-blue{color:var(--accent-blue);cursor:pointer;font-weight:700;text-decoration:none;transition:all .2s}.link-blue:hover{opacity:.8}.sso-link{color:var(--text-muted);border-bottom:1px solid #0000;width:fit-content;margin-bottom:1.5rem;margin-left:auto;margin-right:auto;font-size:.9rem;text-decoration:none;display:block}.switch-view-text{color:var(--text-muted);margin-bottom:2rem;font-size:.95rem}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2000;background-color:#000c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-card);border:1px solid var(--border-color);border-radius:24px;flex-direction:column;width:90%;max-width:900px;height:70vh;animation:.4s cubic-bezier(.23,1,.32,1) modalPop;display:flex;overflow:hidden}@keyframes modalPop{0%{opacity:0;transform:scale(.9)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:1.5rem 2rem;display:flex}.modal-sidebar{border-right:1px solid var(--border-color);background:#ffffff05;width:280px}.sidebar-item{color:var(--text-muted);cursor:pointer;padding:1.25rem 2rem;font-weight:600;transition:all .3s}.sidebar-item.active{color:#fff;border-left:4px solid var(--accent-blue);background:#3b82f61a}.modal-main{padding:3rem;overflow-y:auto}.modal-footer{border-top:1px solid var(--border-color);background:#ffffff05;justify-content:flex-end;gap:1rem;padding:1.5rem 2.5rem;display:flex}@media (width<=1024px){.image-side{display:none}.form-side{flex:1}}.component-preview{justify-content:center;align-items:center;width:100%;height:100%;min-height:150px;display:flex}.btn-live{cursor:pointer;border:none;border-radius:12px;padding:12px 28px;font-family:inherit;font-size:.95rem;font-weight:700;transition:all .3s cubic-bezier(.23,1,.32,1)}.neon-btn{color:#fff;z-index:1;background:#000;border:2px solid #3b82f6;align-items:center;gap:10px;display:flex;position:relative;box-shadow:0 0 15px #3b82f64d}.neon-btn:before{content:"";z-index:-1;opacity:0;background:linear-gradient(90deg,#3b82f6,#60a5fa,#3b82f6) 0 0/200% 100%;border-radius:12px;transition:opacity .3s;animation:2s linear infinite move-gradient;position:absolute;inset:-2px}.neon-btn:hover:before{opacity:1}@keyframes move-gradient{0%{background-position:0 0}to{background-position:200% 0}}.neon-btn:hover{color:#fff;background:#000;transform:translateY(-2px);box-shadow:0 0 30px #3b82f699}.modern-arrow-btn{color:#a3e635;background:#000;border:1px solid #a3e635;border-radius:99px;align-items:center;gap:12px;padding:10px 24px;display:flex}.modern-arrow-btn:hover{color:#000;background:#a3e635;box-shadow:0 0 20px #a3e63566}.download-btn{color:#fff;background:#111;border:1px solid #333;border-radius:99px;align-items:center;gap:12px;padding:6px 6px 6px 18px;display:flex;position:relative;overflow:hidden}.download-btn .icon-circle{background:#3b82f6;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.download-btn:hover{border-color:#3b82f6}.github-btn{color:#fff;background:#000;border:1px solid #333;border-radius:8px;align-items:center;gap:10px;padding:8px 16px;font-size:.85rem;display:flex}.github-btn .star-count{color:#888;background:#111;border-radius:4px;padding:2px 6px}.apply-btn{color:#fff;background:#0284c7;border:none;border-radius:99px;align-items:center;gap:10px;padding:10px 24px;display:flex}.apply-btn:hover{background:#0ea5e9;box-shadow:0 0 25px #0ea5e980}.status-window{background:#111;border:1px solid #333;border-radius:8px;width:140px;font-family:Courier New,Courier,monospace;overflow:hidden}.status-header{background:#1a1a1a;border-bottom:1px solid #222;justify-content:space-between;align-items:center;padding:6px 10px;display:flex}.status-title{color:#aaa;text-transform:uppercase;font-size:.6rem}.status-dots{gap:4px;display:flex}.status-dots .dot{border-radius:50%;width:6px;height:6px}.dot.red{background:#ff5f56}.dot.yellow{background:#ffbd2e}.dot.green{background:#27c93f}.status-body{color:#27c93f;padding:12px;font-size:.75rem}.typing-text{border-right:2px solid #27c93f;animation:.7s infinite blink}@keyframes blink{0%,to{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.8)}}.discord-btn{color:#fff;background:#5865f2;border:none;border-radius:12px;align-items:center;gap:10px;padding:10px 20px;display:flex}.code-snippet-mini{background:#050505;border:1px solid #222;border-radius:12px;width:90%;padding:14px;font-family:Fira Code,JetBrains Mono,monospace;transition:all .3s}.code-snippet-mini:hover{background:#0a0a0c;border-color:#3b82f6}.snippet-head{color:#444;text-transform:uppercase;align-items:center;gap:8px;margin-bottom:12px;font-size:.65rem;font-weight:800;display:flex}.code-snippet-mini code{color:#3b82f6;word-break:break-all;font-size:.85rem;display:block}.stat-card{flex-direction:column;align-items:center;padding:20px;display:flex}.stat-val{color:#fff;letter-spacing:-1px;font-size:2.2rem;font-weight:900;line-height:1}.stat-label{color:#666;text-transform:uppercase;letter-spacing:1px;margin-top:6px;font-size:.75rem;font-weight:700}.coffee-btn{color:#000;white-space:nowrap;background:#fd0;border:none;border-radius:99px;align-items:center;gap:8px;padding:12px 24px;font-weight:700;display:flex}.plus-btn{color:#fff;background:#111;border:1px solid #333;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.chat-input-container{background:#111;border:1px solid #333;border-radius:99px;align-items:center;gap:12px;width:90%;padding:6px 14px;display:flex}.chat-input-container input{color:#fff;background:0 0;border:none;outline:none;flex:1;font-size:.85rem}.early-access-container{width:100%;padding:0 20px}.early-access-container input{color:#fff;text-align:center;background:#000;border:1px solid #222;border-radius:10px;width:100%;padding:12px;font-size:.8rem}.icon-card{flex-direction:column;align-items:center;gap:10px;display:flex}.slider-wrapper{align-items:center;gap:15px;width:80%;display:flex}.slider-track{background:#333;border-radius:3px;flex:1;height:6px;position:relative}.slider-fill{background:#fff;border-radius:3px;width:65%;height:100%;position:absolute;top:0;left:0}.slider-thumb{background:#fff;border-radius:50%;width:18px;height:18px;position:absolute;top:50%;left:65%;transform:translate(-50%,-50%);box-shadow:0 0 15px #fff6}.search-bar-wrap{width:90%;position:relative}.search-bar-inner{color:#666;background:#000;border:1px solid #222;border-radius:12px;align-items:center;gap:12px;padding:12px 18px;font-size:.9rem;display:flex}.cmd-k{color:#999;background:#111;border:1px solid #333;border-radius:4px;margin-left:auto;padding:2px 6px;font-size:.7rem}.chart-preview{width:80%}.chart-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.chart-val{color:#fff;font-size:1.5rem;font-weight:700}.chart-pct{color:#22c55e;font-size:.8rem;font-weight:600}.sparkline{align-items:flex-end;gap:4px;height:60px;display:flex}.spark-bar{background:linear-gradient(#60a5fa,#3b82f6);border-radius:2px;flex:1;animation:1s ease-out backwards growHeight}@keyframes growHeight{0%{height:0}}.user-profile-mini{align-items:center;gap:15px;display:flex}.avatar-mini{width:48px;height:48px;position:relative}.avatar-mini img{object-fit:cover;border-radius:14px;width:100%;height:100%}.status-indicator{border:2px solid #0a0a0c;border-radius:50%;width:12px;height:12px;position:absolute;bottom:-2px;right:-2px}.status-indicator.online{background:#22c55e}.user-info-mini{flex-direction:column;display:flex}.user-name{color:#fff;font-size:.95rem;font-weight:600}.user-role{color:#666;font-size:.75rem}.icon-wrap{border-radius:12px;justify-content:center;align-items:center;width:50px;height:50px;margin-bottom:8px;display:flex}.icon-wrap i{font-size:1.5rem}.hero-bento-grid{box-sizing:border-box;grid-template-rows:repeat(6,130px);grid-template-columns:repeat(12,1fr);gap:1rem;width:100%;margin-top:4rem;padding:0 1rem 4rem;display:grid}@media (width<=992px){.hero-bento-grid{grid-template-rows:auto;grid-template-columns:repeat(6,1fr);gap:.75rem}.bento-item[class*=span-]{grid-column:span 3!important}.bento-item.span-4{grid-column:span 6!important}}@media (width<=600px){.hero-bento-grid{display:none!important}}.bento-item{background:#0a0a0c;border:1px solid #ffffff0d;border-radius:20px;justify-content:center;align-items:center;transition:all .5s cubic-bezier(.2,.8,.2,1);display:flex;position:relative;overflow:hidden}.bento-item:before{content:"";pointer-events:none;transition:opacity .6s var(--easing-standard);background:radial-gradient(circle at 0 0,#ffffff08 0%,#0000 70%);position:absolute;inset:0}.spotlight-glow{pointer-events:none;z-index:1;opacity:0;transition:opacity .5s;position:absolute;inset:0}.bento-item:hover .spotlight-glow{opacity:1}.bento-item:hover{z-index:10;background:#0d0d10;border-color:#ffffff26;transform:translateY(-5px)scale(1.02);box-shadow:0 20px 40px #0006}.bento-item.span-2{grid-column:span 2}.bento-item.span-3{grid-column:span 3}.bento-item.span-4{grid-column:span 4}.bento-item.tall{grid-row:span 2}.bento-item.wide-tall{grid-area:span 2/span 4}.cyber-field{width:80%;position:relative}.cyber-field input{color:#fff;background:#121214;border:1px solid #333;border-radius:8px;outline:none;width:100%;padding:12px 16px}.input-glow{background:#3b82f6;width:0;height:1px;transition:all .4s;position:absolute;bottom:-1px;left:10%;box-shadow:0 0 10px #3b82f6}.cyber-field input:focus~.input-glow{width:80%}.minimal-field{width:80%;position:relative}.minimal-field input{color:#fff;background:0 0;border:none;border-bottom:2px solid #333;outline:none;width:100%;padding:10px 0}.minimal-field label{color:#666;pointer-events:none;transition:all .3s;position:absolute;top:10px;left:0}.minimal-field input:focus~label,.minimal-field input:valid~label{color:#3b82f6;font-size:.75rem;top:-15px}.checkbox-container{cursor:pointer;display:inline-block}.checkbox-container input{display:none}.checkmark{background:#121214;border:2px solid #333;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;transition:all .3s;display:flex}.checkmark i{color:#fff;opacity:0;transition:all .3s cubic-bezier(.175,.885,.32,1.275);transform:scale(0)}.checkbox-container input:checked~.checkmark{background:#3b82f6;border-color:#3b82f6}.checkbox-container input:checked~.checkmark i{opacity:1;transform:scale(1)}.switch-container{width:60px;height:30px;position:relative}.switch-container input{display:none}.slider{cursor:pointer;background-color:#333;border-radius:34px;transition:all .4s;position:absolute;inset:0}.slider:before{content:"";background-color:#fff;border-radius:50%;width:22px;height:22px;transition:all .4s;position:absolute;bottom:4px;left:4px}.switch-container input:checked~.slider{background-color:#3b82f6}.switch-container input:checked~.slider:before{transform:translate(30px)}.pulse-loader{gap:10px;display:flex}.pulse-loader .dot{background:#3b82f6;border-radius:50%;width:15px;height:15px;animation:1.4s ease-in-out infinite both pulse}.pulse-loader .dot:first-child{animation-delay:-.32s}.pulse-loader .dot:nth-child(2){animation-delay:-.16s}@keyframes pulse{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.ring-loader{border:5px solid #ffffff1a;border-top-color:#3b82f6;border-radius:50%;width:50px;height:50px;animation:1s ease-in-out infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.bars-loader{align-items:center;gap:6px;height:40px;display:flex}.bars-loader .bar{background:#3b82f6;width:4px;height:100%;animation:1s ease-in-out infinite extend}.bars-loader .bar:nth-child(2){animation-delay:.1s}.bars-loader .bar:nth-child(3){animation-delay:.2s}.bars-loader .bar:nth-child(4){animation-delay:.3s}@keyframes extend{0%,40%,to{transform:scaleY(.4)}20%{transform:scaleY(1)}}.animated-heading{background:linear-gradient(90deg,#fff,#3b82f6,#fff) 0 0/200%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:2rem;animation:3s linear infinite shine}@keyframes shine{to{background-position:200%}}.live-preview-box{background:var(--bg-deep);border:1px solid var(--border-color);border-radius:12px;justify-content:center;align-items:center;height:200px;margin-bottom:20px;display:flex;position:relative;overflow:hidden}.live-preview-box:after{content:"LIVE";color:var(--accent-blue);background:#3b82f633;border-radius:4px;padding:2px 6px;font-size:.6rem;font-weight:800;position:absolute;top:10px;left:10px}.marketplace-container{padding-bottom:5rem}.header-title{background:linear-gradient(#fff,#94a3b8);-webkit-text-fill-color:transparent;letter-spacing:-2px;text-align:center;-webkit-background-clip:text;background-clip:text;margin-bottom:3rem;font-size:clamp(2rem,5vw,3.5rem);font-weight:800}.mobile-search-wrapper{background:#0a0a0c;border:1px solid #ffffff1a;border-radius:12px;align-items:center;padding:0 1.2rem;transition:all .2s;display:flex;position:relative}.mobile-search-wrapper:focus-within{border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a}.mobile-search-wrapper i{color:#64748b}.mobile-search-wrapper input{color:#fff;background:0 0;border:none;outline:none;width:100%;padding:1rem;font-size:1rem}.content-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2.5rem;display:grid}@media (width<=1024px){.content-grid{gap:1.5rem}}@media (width<=640px){.content-grid{grid-template-columns:1fr;gap:2rem}}.template-card{cursor:pointer;background:#0d0d11;border:1px solid #ffffff0a;border-radius:24px;flex-direction:column;transition:all .5s cubic-bezier(.16,1,.3,1);display:flex;overflow:hidden}.template-card:hover{border-color:#3b82f666;transform:translateY(-8px);box-shadow:0 30px 60px -12px #0009}.template-img-wrapper{background:#070709;justify-content:center;align-items:center;height:400px;padding:0;transition:background .3s;display:flex;position:relative}@media (width<=768px){.template-img-wrapper{height:320px}}.template-card:hover .template-img-wrapper{background:#0a0a0d}.template-card:hover .card-hover-overlay{opacity:1!important}.template-card:hover .get-code-btn{transform:translateY(0)}.get-code-btn{transition:all .3s cubic-bezier(.16,1,.3,1);transform:translateY(10px)}.badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-transform:uppercase;letter-spacing:1px;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;padding:4px 12px;font-size:.7rem;font-weight:800;position:absolute;top:1.2rem;left:1.2rem}.export-mini-btn{color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:.8rem;font-weight:600;transition:all .2s;display:flex}.export-mini-btn:hover{background:#ffffff1a;border-color:#fff3;transform:translateY(-1px)}.export-mini-btn i{font-size:.9rem}.card-actions{opacity:.8;z-index:20;gap:.6rem;transition:all .3s;display:flex;position:absolute;top:1.2rem;right:1.2rem}.template-card:hover .card-actions{opacity:1;transform:scale(1.05)}.card-action-btn{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;background:#0f0f1299;border:1px solid #ffffff1a;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;font-size:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.card-action-btn:hover{background:#ffffff1a;border-color:#fff3;transform:scale(1.1)}.card-action-btn.active{background:#ffffff26;border-color:currentColor}.card-meta-bottom{color:#64748b;justify-content:space-between;font-size:.75rem;font-weight:600;display:flex;position:absolute;bottom:1rem;left:1.2rem;right:1.2rem}.template-title{color:#fff;background:#0a0a0c;padding:1.5rem;font-size:1.1rem;font-weight:700}.modal-overlay.active{opacity:1;pointer-events:auto}.modal-card{background:#0a0a0c;border:1px solid #ffffff1a;border-radius:30px;width:900px;max-width:95%;transition:transform .3s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative;overflow:hidden;transform:scale(.9)}.modal-overlay.active .modal-card{transform:scale(1)}.modal-left{background-position:50%;background-size:cover;flex:1;min-height:500px}.modal-right{flex-direction:column;flex:.8;justify-content:center;padding:4rem;display:flex}.modal-right-header{color:#3b82f6;letter-spacing:2px;margin-bottom:1.5rem;font-size:.75rem;font-weight:800}.modal-title{margin-bottom:1.5rem;font-size:2.5rem;font-weight:800;line-height:1.1}.modal-desc{color:#94a3b8;margin-bottom:3rem;line-height:1.6}.btn-modal-primary{color:#000;cursor:pointer;background:#fff;border:none;border-radius:12px;justify-content:center;align-items:center;gap:1rem;padding:1.2rem 2rem;font-weight:700;transition:all .2s;display:flex}.btn-modal-primary:hover{color:#fff;background:#3b82f6}.modal-close{color:#fff;cursor:pointer;z-index:10;background:#ffffff0d;border:none;border-radius:50%;width:40px;height:40px;position:absolute;top:2rem;right:2rem}@media (width<=768px){.modal-card{flex-direction:column}.modal-left{min-height:300px}.modal-right{padding:2.5rem}}.profile-page-wrapper{color:var(--text-main);padding:1.5rem 0}.profile-container{max-width:1200px;margin:0 auto}.hero-title{letter-spacing:-1px;margin-bottom:1.25rem;font-size:2rem;font-weight:900}.card-market{background:var(--bg-card);cursor:pointer;border:1px solid #0000;border-radius:16px;transition:all .3s cubic-bezier(.23,1,.32,1);overflow:hidden}.card-market:hover{border-color:var(--accent-blue);transform:translateY(-8px)}.card-img-wrapper{width:100%;height:200px;position:relative}.card-img{object-fit:cover;width:100%;height:100%}.card-tag{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;z-index:5;background:#0009;border:1px solid #ffffff1a;border-radius:6px;padding:4px 10px;font-size:.75rem;font-weight:800;position:absolute;top:12px;left:12px}.card-preview-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;z-index:10;background:#0006;justify-content:center;align-items:center;transition:all .3s;display:flex;position:absolute;inset:0}.card-img-wrapper:hover .card-preview-overlay{opacity:1}.overlay-content{color:#000;background:#fff;border-radius:20px;align-items:center;gap:8px;padding:8px 16px;font-size:.85rem;font-weight:800;transition:all .3s;display:flex;transform:translateY(10px)}.card-img-wrapper:hover .overlay-content{transform:translateY(0)}.card-body{padding:1.25rem .5rem}.card-title{color:#fff;margin:0;font-size:1.1rem;font-weight:700}.panel-flat{border:1px solid var(--border-color);background:#141416;border-radius:16px;margin-bottom:1.5rem;padding:1.25rem 1.5rem}.panel-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;align-items:center;gap:8px;margin-bottom:1rem;font-size:.8rem;font-weight:800;display:flex}.profile-header-flat{align-items:center;gap:1.5rem;margin-bottom:2rem;display:flex;position:relative}.avatar-flat{border:3px solid var(--bg-main);object-fit:cover;background:#232326;border-radius:20px;width:100px;height:100px;transition:all .3s;box-shadow:0 10px 20px #0000004d}.avatar-header-container:hover .avatar-overlay{opacity:1!important}.avatar-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;border:3px solid var(--accent-blue);box-sizing:border-box;background:#0009;border-radius:20px;justify-content:center;align-items:center;width:100px;height:100px;transition:all .3s;display:flex;position:absolute;top:0;left:0}.header-info-flat h1{letter-spacing:-1px;align-items:center;margin:0 0 .25rem;font-size:2.2rem;font-weight:900;display:flex}.verified-tick{color:#3b82f6;filter:drop-shadow(0 0 5px #3b82f666);cursor:help;margin-left:12px;font-size:1.4rem;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.verified-tick:hover{filter:drop-shadow(0 0 10px #3b82f6cc);transform:scale(1.2)rotate(5deg)}.header-info-flat p{color:var(--text-muted);margin:0;font-size:1rem;font-weight:500}.btn-edit-flat{color:#fff;border:1px solid var(--border-color);cursor:pointer;background:#1a1a1c;border-radius:8px;margin-left:auto;padding:.6rem 1.2rem;font-size:.9rem;font-weight:700;transition:all .2s}.btn-edit-flat:hover{color:#000;background:#fff}.btn-logout-flat{color:#ef4444;cursor:pointer;background:#ef44441a;border:1px solid #ef444433;border-radius:8px;padding:.6rem 1.2rem;font-size:.9rem;font-weight:700;transition:all .2s}.btn-logout-flat:hover{color:#fff;background:#ef4444}.stat-grid-flat{grid-template-columns:repeat(4,1fr);gap:1rem;display:grid}.stat-box-flat{border:1px solid var(--border-color);background:#0c0c0e;border-radius:12px;padding:1rem}.stat-val-flat{margin-bottom:.2rem;font-size:1.4rem;font-weight:900;display:block}.stat-lbl-flat{color:var(--text-muted);text-transform:uppercase;font-size:.75rem;font-weight:800}.pro-grid-flat{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;display:grid}.contribution-container{flex-direction:column;gap:1.5rem;display:flex}.calendar-wrapper{border:1px solid var(--border-color);background:#0c0c0e;border-radius:12px;padding:1.25rem}.calendar-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.calendar-title{color:var(--text-main);align-items:center;gap:10px;margin:0;font-size:.9rem;font-weight:700;display:flex}.calendar-stats{color:var(--text-muted);font-size:.8rem;font-weight:600}.calendar-grid-container{padding-bottom:5px;overflow-x:auto}.calendar-grid{grid-template-rows:repeat(7,1fr);grid-template-columns:repeat(53,1fr);grid-auto-flow:column;gap:4px;min-width:800px;display:grid}.square{border-radius:2px;width:11px;height:11px;transition:transform .2s,box-shadow .2s}.square:hover{z-index:10;transform:scale(1.3);box-shadow:0 0 8px #fff3}.fp-0{background:#161b22}.fp-1{background:#3b82f633}.fp-2{background:#3b82f666}.fp-3{background:#3b82f6b3}.fp-4{background:var(--accent-blue);box-shadow:0 0 10px #3b82f666}.calendar-footer{color:var(--text-muted);justify-content:space-between;align-items:center;margin-top:1rem;font-size:.75rem;display:flex}.calendar-legend{align-items:center;gap:6px;display:flex}.legend-squares{gap:4px;display:flex}.legend-squares .square{cursor:default;width:10px;height:10px}.legend-squares .square:hover{box-shadow:none;transform:none}.s-tag{background:#ffffff0d;border-radius:8px;padding:6px 12px;font-size:.85rem;font-weight:500}.s-tag.rated{color:var(--accent-blue);background:#3b82f61a;font-weight:700}.profile-actions-flat{gap:10px;margin-left:auto;display:flex}@media (width<=1024px){.profile-header-flat{text-align:center;flex-direction:column;align-items:center;gap:1.5rem}.header-info-flat h1{font-size:1.8rem}.header-info-flat p{font-size:.9rem}.profile-actions-flat{flex-direction:row;gap:8px;width:100%}.btn-edit-flat,.btn-logout-flat{flex:1;justify-content:center;padding:.6rem .5rem;font-size:.8rem}.stat-box-flat{border:1px solid var(--border-color);text-align:center;background:#0c0c0e;border-radius:12px;padding:1rem}.calendar-grid{min-width:650px}.panel-flat{padding:1rem}.card-market{margin-bottom:1rem}}.profile-modal-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;background:#000000d9;justify-content:center;align-items:center;padding:2rem;display:flex;position:fixed;inset:0}.profile-modal-content{border:1px solid var(--border-color);background:#141416;border-radius:20px;width:100%;max-width:600px;max-height:90vh;padding:2rem;overflow-y:auto;box-shadow:0 20px 40px #00000080}.modal-title{color:#fff;margin-bottom:1.5rem;font-size:1.5rem;font-weight:800}.modal-form-group{margin-bottom:1.25rem}.modal-form-group label{color:var(--text-muted);text-transform:uppercase;margin-bottom:.5rem;font-size:.8rem;font-weight:700;display:block}.modal-form-group input,.modal-form-group textarea{border:1px solid var(--border-color);color:#fff;background:#0c0c0e;border-radius:8px;width:100%;padding:.75rem 1rem;font-size:.95rem;transition:all .2s}.modal-form-group input:focus,.modal-form-group textarea:focus{border-color:var(--accent-blue);outline:none}.modal-actions{gap:1rem;margin-top:2rem;display:flex}.btn-save{background:var(--accent-blue);color:#fff;cursor:pointer;border:none;border-radius:8px;flex:1;padding:.75rem 2rem;font-weight:700}.btn-cancel{color:var(--text-muted);border:1px solid var(--border-color);cursor:pointer;background:0 0;border-radius:8px;padding:.75rem 2rem;font-weight:700}.security-panel{border:1px solid #3b82f633;box-shadow:0 0 30px #3b82f60d}.session-item{transition:all .2s}.session-item:hover{background:#ffffff0d!important;border-color:#3b82f633!important}.profile-modal-overlay{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:9999;background:#000c;justify-content:center;align-items:flex-start;width:100%;height:100%;padding-top:80px;animation:.2s ease-out fadeIn;display:flex;position:fixed;top:0;left:0}.profile-modal-content{background:#0f0f13;border:1px solid #ffffff1a;border-radius:24px;padding:2.5rem;animation:.4s cubic-bezier(.19,1,.22,1) slideFromTop;position:relative;box-shadow:0 40px 80px #0009}@keyframes slideFromTop{0%{opacity:0;transform:translateY(-40px)}to{opacity:1;transform:translateY(0)}}.modal-search-wrapper input:focus{box-shadow:0 0 15px #3b82f633;border-color:var(--accent-blue)!important;background:#ffffff0f!important}@media (width<=380px){.profile-page-wrapper{padding:.8rem 0}.profile-header-flat{text-align:center;align-items:center;gap:1.2rem;padding:1.2rem}.avatar-flat{border-radius:16px;width:80px;height:80px}.header-info-flat h1{font-size:1.6rem}.header-info-flat p{font-size:.85rem}.profile-actions-flat{flex-flow:wrap;justify-content:center;gap:8px;width:100%}.btn-edit-flat,.btn-logout-flat{white-space:nowrap;flex:1;justify-content:center;align-items:center;gap:4px;min-width:0;padding:.5rem;font-size:.7rem;display:flex}.btn-edit-flat i,.btn-logout-flat i{font-size:.75rem}.stat-grid-flat{grid-template-columns:1fr;gap:.8rem}.follow-list-modal{z-index:2000;flex-direction:column;display:flex;position:fixed;inset:0;background:#000!important;border-radius:0!important;width:100%!important;height:100vh!important;max-height:100vh!important;margin:0!important}.follow-list-content{flex:1;overflow-y:auto}.stat-box-flat{padding:.8rem}.stat-val-flat{font-size:1.2rem}.panel-flat{border-radius:12px;padding:1rem .8rem}.panel-title{font-size:.75rem}.pro-grid-flat{grid-template-columns:1fr}.card-market{margin-bottom:1.2rem}.card-img-wrapper{height:160px}.card-title{font-size:1rem}.profile-modal-content{border-radius:16px;width:95%;padding:1.5rem}.modal-title{font-size:1.3rem}.modal-actions{flex-direction:column}}.profile-post-card-glass{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff05;border:1px solid #ffffff0d;border-radius:24px;padding:1.5rem;transition:all .3s cubic-bezier(.23,1,.32,1)}.profile-post-card-glass:hover{background:#ffffff0a;border-color:#ffffff1a;transform:translateY(-4px)}.post-header-simple{align-items:center;gap:12px;margin-bottom:1.25rem;display:flex}.post-avatar-mini{border:2px solid #3b82f64d;border-radius:50%;width:40px;height:40px}.post-meta-simple{flex-direction:column;display:flex}.post-author-name{color:#fff;font-size:.95rem;font-weight:800}.post-date-simple{color:var(--text-muted);font-size:.75rem}.post-body-simple{margin-bottom:1.5rem}.post-title-simple{color:#fff;margin-bottom:.75rem;font-size:1.1rem;font-weight:800}.post-text-simple{color:var(--text-muted);margin-bottom:1.25rem;font-size:.95rem;line-height:1.6}.post-component-preview-simple{background:#0a0a0c;border:1px solid #ffffff0d;border-radius:16px;overflow:hidden}.preview-header-mini{background:#ffffff05;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:10px 15px;font-size:.8rem;font-weight:700;display:flex}.btn-view-mini{background:var(--accent-blue);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:4px 10px;font-size:.7rem;font-weight:800}.preview-frame-mini{height:250px}.preview-frame-mini iframe{border:none;width:100%;height:100%}.post-image-preview-simple{border-radius:16px;margin-top:1rem;overflow:hidden}.post-image-preview-simple img{width:100%;height:auto;display:block}.post-footer-simple{border-top:1px solid #ffffff0d;gap:20px;padding-top:1.25rem;display:flex}.stat-item{color:var(--text-muted);align-items:center;gap:6px;font-size:.85rem;font-weight:600;display:flex}.stat-item i{font-size:1rem}.community-page{color:#fff;box-sizing:border-box;background:var(--bg-deep);flex-direction:column;width:100%;height:calc(100vh - 70px);margin:0;padding:0;display:flex;overflow:hidden}@media (width<=768px){.community-page{height:calc(100vh - 60px)}}.community-interaction-header{-webkit-backdrop-filter:blur(50px)saturate(200%);backdrop-filter:blur(50px)saturate(200%);z-index:100;background:linear-gradient(#0a0a0c99,#0a0a0c66);border-bottom:1px solid #ffffff14;flex-shrink:0;margin:0;padding:.8rem 2rem;box-shadow:0 10px 40px #0000004d}.community-interaction-header.header-hidden{opacity:0;pointer-events:none;transform:translateY(-130%)}.header-top{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.header-top h1{letter-spacing:-1.5px;align-items:center;gap:12px;font-size:2.2rem;font-weight:900;display:flex}.header-stats-mini{background:#ffffff08;border:1px solid #ffffff0d;border-radius:30px;align-items:center;gap:8px;padding:6px 16px;display:flex}.s-val{color:var(--accent-blue);font-weight:900}.s-lab{color:#64748b;text-transform:uppercase;font-size:.75rem;font-weight:700}.interaction-controls{flex-direction:column;gap:1.5rem;display:flex}.community-header{justify-content:space-between;align-items:center;margin:0;display:flex}.community-header h1{letter-spacing:-1px;font-size:2.2rem;font-weight:800}.mobile-header-actions{gap:.8rem;display:none}.community-layout{background:radial-gradient(circle at 50% 0,#3b82f614,#0000 800px);flex:1;grid-template-rows:minmax(0,1fr);grid-template-columns:3fr 1fr;gap:2.5rem;width:100%;min-height:0;padding:2rem 3rem 0;animation:.8s ease-out layoutFadeIn;display:grid;overflow:hidden}@keyframes layoutFadeIn{0%{opacity:0}to{opacity:1}}.feed-column{scrollbar-width:thin;flex-direction:column;align-items:center;gap:1.5rem;height:100%;min-height:0;padding-bottom:5rem;display:flex;overflow-y:auto}.create-post-bar{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);cursor:pointer;background:linear-gradient(165deg,#23232d66,#0a0a0f99);border:1px solid #ffffff14;border-radius:20px;align-items:center;gap:1.2rem;padding:.8rem 1.2rem;transition:all .4s cubic-bezier(.23,1,.32,1);display:flex;box-shadow:0 20px 40px #0000004d,inset 0 1px 1px #ffffff0d}.create-post-bar:hover{background:linear-gradient(145deg,#2d2d37b3,#141419e6);border-color:#3b82f680;transform:translateY(-2px);box-shadow:0 15px 50px #00000080,0 0 30px #3b82f626}.create-post-bar .user-avatar{border:2px solid #ffffff1a;border-radius:50%;width:48px;height:48px;padding:2px;transition:border-color .3s}.create-post-bar:hover .user-avatar{border-color:var(--accent-blue)}.create-post-bar input{color:#e2e8f0;cursor:pointer;background:0 0;border:none;outline:none;flex:1;padding:.8rem 1rem;font-size:1.1rem;font-weight:500}.create-post-bar:hover input{color:#fff}.create-actions{gap:.5rem;display:flex}.create-action{color:#94a3b8;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff0d;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.2rem;transition:all .3s cubic-bezier(.23,1,.32,1);display:flex}.create-action:hover{color:#3b82f6;background:#3b82f633;border-color:#3b82f666;transform:translateY(-2px)scale(1.05);box-shadow:0 5px 15px #3b82f633}.feed-sort{background:0 0;border-bottom:1px solid #ffffff0d;gap:.8rem;padding:0 0 1rem;display:flex}.sort-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:30px;align-items:center;gap:8px;padding:.6rem 1.5rem;font-size:.95rem;font-weight:600;transition:all .2s;display:flex}.sort-btn i{font-size:1.1rem}.sort-btn:hover{color:#fff;background:#ffffff0d}.sort-btn.active{color:#000;background:#fff;border-color:#fff;box-shadow:0 4px 15px #fff3}.post-card{-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);cursor:pointer;background:#0d0d11b3;border:1px solid #ffffff08;border-top-color:#ffffff1a;border-radius:24px;flex-shrink:0;width:100%;max-width:480px;margin-bottom:2rem;transition:all .4s cubic-bezier(.175,.885,.32,1.275);animation:.6s cubic-bezier(.23,1,.32,1) both cardSlideUp;overflow:hidden;box-shadow:0 10px 30px #0006,inset 0 0 0 1px #ffffff05}@keyframes cardSlideUp{0%{opacity:0;transform:translateY(30px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.post-card:hover{background:#0f0f12cc;border-color:#ffffff1a;transform:translateY(-3px);box-shadow:0 15px 40px #00000080}.post-header-top{align-items:center;gap:12px;padding:1.2rem 1.5rem .5rem;display:flex}.post-user-avatar{border-radius:50%;width:36px;height:36px}.post-user-info{flex:1}.post-user-name{align-items:center;gap:6px;font-size:.88rem;font-weight:700;display:flex}.verified-badge{color:#3b82f6;font-size:.8rem}.post-community-link{color:#fff;font-weight:600}.post-content-body{padding:1.8rem 1.5rem 1.5rem}.post-title{margin-bottom:.4rem;font-size:1rem;font-weight:700;line-height:1.2}.post-text{color:#cbd5e1;font-size:.85rem;line-height:1.4}.post-image-container{background:#000;width:100%;max-height:500px;overflow:hidden}.post-main-image{object-fit:contain;width:100%;height:100%}.post-footer-actions{border-top:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:.5rem .8rem;display:flex}.main-actions{gap:.5rem;display:flex}.post-action-btn{color:#94a3b8;cursor:pointer;background:#ffffff0d;border:none;border-radius:20px;align-items:center;gap:8px;padding:.4rem .8rem;font-size:.8rem;font-weight:700;transition:all .2s;display:flex}.post-action-btn:hover{color:#fff;background:#ffffff1a}.like-btn:hover{color:#f43f5e;background:#f43f5e1a}.retweet-btn:hover{color:#10b981;background:#10b9811a}.comment-btn:hover{color:#3b82f6;background:#3b82f61a}.sidebar-right{scrollbar-width:thin;flex-direction:column;gap:2rem;height:100%;min-height:0;padding-top:1rem;padding-bottom:5rem;display:flex;overflow-y:auto}.user-switch-card{justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:.5rem 0;display:flex}.us-info{align-items:center;gap:1rem;display:flex}.us-avatar{object-fit:cover;border:1px solid #ffffff1a;border-radius:50%;width:56px;height:56px}.us-meta{flex-direction:column;display:flex}.us-username{color:#fff;font-size:.95rem;font-weight:700}.us-fullname{color:var(--text-muted);font-size:.85rem}.us-action-btn{color:#3b82f6;cursor:pointer;background:0 0;border:none;font-size:.8rem;font-weight:700;transition:color .2s}.us-action-btn:hover{color:#fff}.suggestions-container{flex-direction:column;gap:1rem;display:flex}.suggestions-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.suggestions-header span{color:var(--text-muted);font-size:.9rem;font-weight:700}.see-all-btn{color:#fff;cursor:pointer;background:0 0;border:none;font-size:.8rem;font-weight:700}.suggestions-list{flex-direction:column;gap:.8rem;display:flex}.suggest-item{align-items:center;gap:.8rem;display:flex}.suggest-item img{object-fit:cover;border-radius:50%;width:32px;height:32px}.suggest-meta{flex-direction:column;flex:1;display:flex}.s-username{color:#fff;align-items:center;gap:4px;font-size:.85rem;font-weight:700;display:flex}.verified-badge-mini{color:#3b82f6;font-size:.7rem}.s-reason{color:var(--text-muted);font-size:.75rem}.follow-btn{color:#3b82f6;cursor:pointer;background:0 0;border:none;font-size:.8rem;font-weight:700;transition:color .2s}.follow-btn:hover{color:#fff}.sidebar-footer{flex-direction:column;gap:1rem;margin-top:2.5rem;display:flex}.sidebar-footer p{color:#fff3;text-transform:uppercase;letter-spacing:.5px;font-size:.7rem;line-height:1.4}.sidebar-footer .copyright{margin-top:.5rem;font-weight:700}@media (width<=1024px){.community-layout{grid-template-columns:1fr}.sidebar-right{display:none}.community-header h1{font-size:1.8rem}.mobile-header-actions{display:flex}}@media (width<=600px){.community-page,.post-header-top,.post-content-body{padding:1rem}.post-title{font-size:1.1rem}}.feed-loading,.empty-feed{color:var(--text-muted);text-align:center;background:#ffffff05;border:1px dashed #ffffff1a;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;padding:4rem 2rem;display:flex}.feed-loading i,.empty-feed i{color:#3b82f680;font-size:3rem}.feed-loading p,.empty-feed p{font-size:1.1rem;font-weight:500}.post-detail-overlay{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);z-index:4000;background:#000000f2;justify-content:stretch;align-items:stretch;padding:0;display:flex;position:fixed;inset:0;overflow:hidden}.modal-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:3000;opacity:0;visibility:hidden;pointer-events:none;background:#000000d9;justify-content:center;align-items:center;width:100%;height:100%;transition:all .4s cubic-bezier(.23,1,.32,1);display:flex;position:fixed;top:0;left:0}.modal-overlay.open{opacity:1;visibility:visible;pointer-events:auto}.modal-box{-webkit-backdrop-filter:blur(40px)saturate(150%);backdrop-filter:blur(40px)saturate(150%);background:linear-gradient(#141419f2,#0a0a0cfa);border:1px solid #ffffff1a;border-top-color:#ffffff26;border-radius:28px;width:650px;max-width:95%;padding:3rem;transition:all .4s cubic-bezier(.23,1,.32,1);position:relative;transform:translateY(30px)scale(.95);box-shadow:0 50px 150px #000c,inset 0 2px 20px #ffffff05}.modal-header h2{letter-spacing:-.5px;background:linear-gradient(90deg,#fff,#94a3b8);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.8rem;font-weight:800}.modal-close{color:var(--text-muted);cursor:pointer;z-index:100;background:#ffffff0d;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.2rem;transition:all .2s;display:flex}.modal-close:hover{color:#fff;background:#ffffff1a;transform:rotate(90deg)}.modal-form{flex-direction:column;gap:1.5rem;display:flex}.modal-form select,.modal-form input,.modal-form textarea{color:#fff;background:#0000004d;border:1px solid #ffffff0d;border-radius:16px;outline:none;padding:1.2rem 1.5rem;font-family:inherit;font-size:1.1rem;transition:all .3s cubic-bezier(.23,1,.32,1);box-shadow:inset 0 2px 10px #0003}.modal-form select:focus,.modal-form input:focus,.modal-form textarea:focus{background:#3b82f60d;border-color:#3b82f699;transform:translateY(-2px);box-shadow:0 0 0 4px #3b82f61a,inset 0 2px 10px #0003}.modal-form textarea{resize:none;min-height:180px;font-size:1.05rem;line-height:1.6}.modal-actions-footer{justify-content:space-between;align-items:center;margin-top:1rem;display:flex}.upload-btn-label{color:#94a3b8;cursor:pointer;background:#ffffff0d;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;transition:all .2s;display:flex}.upload-btn-label:hover{color:#3b82f6;background:#3b82f61a}.modal-image-preview{border:1px solid #ffffff1a;border-radius:12px;margin-top:1rem;position:relative;overflow:hidden}.modal-image-preview img{object-fit:contain;background:#000;width:100%;max-height:300px}.remove-img{color:#fff;cursor:pointer;background:#000000b3;border:none;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;transition:all .2s;display:flex;position:absolute;top:10px;right:10px}.remove-img:hover{background:#f43f5e}.full-screen-modal .modal-box{background:#000;border:none;border-radius:0;flex-direction:column;justify-content:center;width:100%;max-width:none;height:100%;padding:5rem 10%;display:flex}.full-screen-modal .modal-header{position:absolute;top:3rem;left:10%;right:10%}.full-screen-modal .modal-header h2{background:linear-gradient(90deg,#fff,#64748b);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:3rem}.full-screen-modal .modal-form{width:100%;max-width:800px;margin:0 auto}.full-screen-modal .modal-form input{background:0 0;border:none;border-bottom:2px solid #ffffff1a;border-radius:0;padding:1.5rem 0;font-size:2rem}.full-screen-modal .modal-form input:focus{border-bottom-color:var(--accent-blue)}.full-screen-modal .modal-form textarea{background:0 0;border:none;padding:1.5rem 0;font-size:1.2rem}.post-detail-modal-split{background:#0a0a0c;border:none;border-radius:0;width:100%;max-width:none;height:100%;animation:.5s cubic-bezier(.23,1,.32,1) modalPop;display:flex;position:relative;overflow:hidden}.split-modal-container{background:#000;grid-template-columns:1fr 1fr;width:100%;height:100%;display:grid;overflow:hidden}.split-left-content{background:#050505;flex-direction:column;height:100%;display:flex;position:relative;overflow-y:auto}.comments-header{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:1.2rem 1.5rem;display:flex}.comments-header h3{margin:0;font-size:1.1rem;font-weight:800}.post-stats-mini{color:var(--text-muted);gap:1rem;font-size:.85rem;display:flex}.comments-scroll-area{flex-direction:column;flex:1;gap:1.5rem;width:100%;min-height:0;padding:1.5rem;display:flex;overflow-y:auto}.comment-group{flex-direction:column;width:100%;display:flex}.comment-item{align-items:flex-start;gap:12px;width:100%;display:flex}.comment-body{flex:1}.comment-avatar{border-radius:50%;width:32px;height:32px}.comment-user{color:var(--accent-blue);align-items:center;gap:6px;margin-bottom:2px;font-size:.85rem;font-weight:700;display:flex}.comment-user .badge{color:#3b82f6;background:#3b82f633;border-radius:4px;padding:2px 6px;font-size:.65rem;font-weight:800}.comment-text{color:#cbd5e1;font-size:.9rem;line-height:1.5}.comment-actions{gap:15px;margin-top:6px;display:flex}.comment-action-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:0;font-size:.75rem;font-weight:700;transition:all .2s}.comment-action-btn:hover{color:#fff}.replies-container{border-left:1px solid #ffffff1a;flex-direction:column;gap:15px;margin-top:15px;margin-left:15px;padding-left:20px;display:flex}.replying-indicator{color:var(--accent-blue);background:#3b82f614;border-bottom:1px solid #3b82f626;justify-content:space-between;align-items:center;padding:10px 20px;font-size:.8rem;animation:.3s slideInDown;display:flex}@keyframes slideInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.replying-indicator i{cursor:pointer;opacity:.7}.replying-indicator i:hover{opacity:1}.comment-input-wrapper{background:#0a0a0cfa;border-top:1px solid #ffffff0d;flex-direction:column;width:100%;display:flex}.comment-input-inner{align-items:center;gap:15px;padding:1.5rem;display:flex}.my-comment-avatar{border-radius:50%;width:32px;height:32px}.input-container{flex:1;align-items:center;display:flex;position:relative}.input-container input{color:#fff;background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;width:100%;padding:.8rem 3.5rem .8rem 1rem;font-size:.9rem}.send-btn{color:var(--accent-blue);cursor:pointer;background:0 0;border:none;padding:8px;font-size:1rem;position:absolute;right:8px}.split-right-comments{background:#ffffff03;border-left:1px solid #ffffff0d;flex-direction:column;height:100%;display:flex;position:relative}.close-split-modal{z-index:100;cursor:pointer;background:#00000080;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .3s;display:flex;position:absolute;top:1rem;right:1.5rem}.close-split-modal:hover{color:#fff;background:#f43f5e}.detail-live-preview{background:radial-gradient(circle,#3b82f60d 0%,#0000 70%);flex-direction:column;flex:1;padding:2rem;display:flex}.preview-window-header{background:#1a1a1e;border:1px solid #ffffff0d;border-radius:12px 12px 0 0;align-items:center;gap:15px;padding:.7rem 1.2rem;display:flex}.window-dots{gap:6px;display:flex}.window-dots span{border-radius:50%;width:8px;height:8px}.window-dots span:first-child{background:#ff5f56}.window-dots span:nth-child(2){background:#ffbd2e}.window-dots span:nth-child(3){background:#27c93f}.window-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;font-size:.75rem;font-weight:700}.detail-live-preview iframe{background:#000;border:1px solid #ffffff0d;border-top:none;border-radius:0 0 12px 12px;flex:1;width:100%}.detail-image-preview{flex:1;justify-content:center;align-items:center;padding:2rem;display:flex}.detail-image-preview img{border-radius:12px;max-width:100%;max-height:100%;box-shadow:0 20px 50px #00000080}.detail-info-pane{background:#0a0a0c;border-top:1px solid #ffffff0d;padding:2rem}.detail-post-title{letter-spacing:-.5px;margin-bottom:1rem;font-size:1.8rem;font-weight:800}.detail-author-box{align-items:center;gap:12px;margin-bottom:1.5rem;display:flex}.detail-author-box img{border-radius:50%;width:40px;height:40px}.author-meta{flex-direction:column;display:flex}.author-meta .name{font-size:.95rem;font-weight:700}.author-meta .time{color:var(--text-muted);font-size:.8rem}.detail-description{color:#94a3b8;margin-bottom:2rem;font-size:1rem;line-height:1.6}.component-meta-tags{align-items:center;gap:1rem;display:flex}.component-meta-tags .tag{background:#ffffff0d;border-radius:8px;align-items:center;gap:8px;padding:.5rem 1rem;font-size:.85rem;font-weight:600;display:flex}.btn-view-source{background:var(--accent-blue);color:#fff;cursor:pointer;border:none;border-radius:10px;align-items:center;gap:10px;margin-left:auto;padding:.7rem 1.5rem;font-weight:700;transition:all .3s;display:flex}.btn-view-source:hover{background:#2563eb;transform:translateY(-2px);box-shadow:0 10px 20px #3b82f633}.split-left-comments{background:#050505;flex-direction:column;height:100%;min-height:0;display:flex;overflow:hidden}@media (width<=1000px){.split-modal-container{grid-template-rows:1fr 1fr;grid-template-columns:1fr}.split-left-comments{border-top:1px solid #ffffff0d;border-right:none;order:2}}.feed-follow-btn{cursor:pointer;border:1px solid var(--accent-blue);color:var(--accent-blue);white-space:nowrap;background:0 0;border-radius:50px;outline:none;padding:6px 16px;font-size:.85rem;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1)}.feed-follow-btn:hover{background:#3b82f61a;transform:translateY(-1px)}.feed-follow-btn.following{color:#ffffffb3;background:#ffffff0d;border-color:#ffffff1a}.feed-follow-btn.following:hover{color:#ef4444;background:#ef44441a;border-color:#ef44444d}@media (width<=1200px){.community-layout{gap:1.5rem;padding:2rem 1.5rem 0}}@media (width<=1024px){.community-layout{grid-template-columns:1fr;padding:1.5rem 1rem 0}.sidebar-right{display:none}.community-interaction-header{padding:.8rem 1.5rem}.post-card{max-width:600px}}@media (width<=768px){.community-interaction-header{padding:1rem}.header-top h1{font-size:1.8rem}.feed-sort{white-space:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:.5rem;padding-bottom:.8rem;overflow-x:auto}.feed-sort::-webkit-scrollbar{display:none}.sort-btn{flex-shrink:0;padding:.5rem 1rem;font-size:.85rem}.community-layout{padding:1rem .5rem 0}.post-card{border-left:none;border-right:none;border-radius:0;margin-bottom:1.5rem}.create-post-bar{border-radius:12px;padding:.6rem}.post-header-top,.post-content-body{padding:1rem}.split-modal-container{overflow-y:auto;display:block!important}.split-left-content{display:none!important}.split-right-comments{border-left:none!important;width:100%!important;height:100vh!important}.create-post-bar .user-avatar{width:36px;height:36px}.create-post-bar input{font-size:.95rem}}@media (width<=480px){.community-interaction-header{padding:.6rem .8rem}.header-top h1{gap:6px;font-size:1.3rem}.create-post-bar{border-radius:10px;padding:.4rem .6rem}.create-post-bar .user-avatar{width:32px;height:32px}.create-post-bar input{padding:.4rem;font-size:.85rem}.sort-btn{gap:6px;padding:.4rem .8rem;font-size:.75rem}.sort-btn i{font-size:.9rem}.post-header-top{gap:10px;padding:.7rem .8rem}.post-user-avatar{width:30px;height:30px}.post-user-name{font-size:.8rem}.post-time{font-size:.7rem}.post-content-body{padding:.8rem}.post-title{margin-bottom:.3rem;font-size:1rem}.post-text{font-size:.85rem;line-height:1.3}.promoted-project-live{border-radius:12px!important;margin-top:1rem!important}.promoted-project-live>div:first-child{padding:.5rem .8rem!important}.promoted-project-live>div:nth-child(2){height:220px!important}.post-footer-actions{padding:.4rem .6rem}.post-action-btn{gap:4px;padding:.3rem .5rem;font-size:.7rem}.modal-box{border-radius:14px;width:92%;padding:1.2rem}.modal-header h2{font-size:1.2rem}.split-modal-container{flex-direction:column;display:flex;overflow-y:auto}.split-left-content,.split-right-comments{height:auto;min-height:40vh;overflow:visible}.detail-live-preview{padding:.8rem}.detail-live-preview iframe{flex:none;height:250px}.detail-info-pane{padding:.8rem}.detail-post-title{font-size:1.3rem}#postModal .modal-box{width:95%!important;max-width:none!important;height:90vh!important;padding:0!important}#postModal .modal-body{flex-direction:column!important;overflow-y:auto!important}.upload-step{height:100%;overflow-y:auto;padding:20px!important}.post-type-selector{grid-template-columns:1fr!important;gap:15px!important}.type-card{padding:20px!important}.type-card div{width:45px!important;height:45px!important;margin-bottom:15px!important}.details-preview-side{flex:none!important;width:100%!important;min-height:200px!important;max-height:350px!important}.details-form-side{flex:1!important;width:100%!important}.form-inputs textarea{height:100px!important}}@media (width<=380px){.community-interaction-header{padding:.5rem .6rem}.header-top h1{font-size:1.2rem}.create-post-bar{gap:.8rem;padding:.35rem .5rem}.create-post-bar .user-avatar{width:28px;height:28px}.create-post-bar input{font-size:.8rem}.sort-btn{padding:.3rem .6rem;font-size:.7rem}.community-layout{padding:.8rem .4rem 0}.post-header-top{gap:8px;padding:.5rem .6rem}.post-user-avatar{width:28px;height:28px}.post-user-name{font-size:.75rem}.post-content-body{padding:.6rem}.post-title{font-size:.95rem}.post-text{font-size:.8rem}.post-action-btn{gap:3px;padding:.25rem .4rem;font-size:.65rem}.promoted-project-live>div:nth-child(2){height:180px!important}}.custom-remove-button{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;z-index:500;background:#0009;border:none;border-radius:12px;width:4em;height:3.5em;transition:all .3s cubic-bezier(.23,1,.32,1);position:absolute;bottom:60px;left:20px}.custom-remove-X{background-color:#fff;width:1.8em;height:2px;transition:all .3s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(45deg)}.custom-remove-Y{background-color:#fff;width:1.8em;height:2px;transition:all .3s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-45deg)}.custom-remove-close-label{color:#000;pointer-events:none;opacity:0;text-transform:uppercase;letter-spacing:.5px;background-color:#feffe1;border:1px solid #000;border-radius:6px;justify-content:center;align-items:center;width:5em;height:1.8em;font-size:11px;font-weight:800;display:flex;position:absolute;bottom:-45%;left:50%;transform:translate(-50%)}.custom-remove-button:hover{background-color:#ef4444}.custom-remove-button:hover .custom-remove-X,.custom-remove-button:hover .custom-remove-Y{background-color:#fff}.custom-remove-button:active{transform:scale(.9)}.custom-remove-button:hover>.custom-remove-close-label{animation:.2s .1s forwards custom-remove-label-fade}@keyframes custom-remove-label-fade{to{opacity:1;bottom:-55%}}.workspace-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:2rem;display:flex}.workspace-title-box{align-items:center;gap:1.5rem;display:flex}.workspace-icon{color:#fff;background:linear-gradient(135deg,#fca5a5,#f97316);border-radius:16px;justify-content:center;align-items:center;width:64px;height:64px;font-size:2rem;font-weight:800;display:flex}.workspace-info h1{margin-bottom:.2rem;font-size:2.5rem;font-weight:800}.workspace-info p{color:var(--text-muted);font-size:1rem}.workspace-actions{gap:1rem;display:flex}.btn-action{background:var(--bg-card);color:#fff;border:1px solid var(--border-color);cursor:pointer;border-radius:12px;align-items:center;gap:8px;padding:.8rem 1.5rem;font-weight:600;transition:all .2s;display:flex}.btn-action:hover{background:#ffffff0d}.workspace-grid{grid-template-columns:2fr 1fr;gap:2rem;display:grid}.section-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.section-header h3{font-size:1.25rem;font-weight:700}.section-header a{color:var(--accent-blue);font-size:.9rem;font-weight:600;text-decoration:none}.files-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.5rem;margin-bottom:3rem;display:grid}.file-card{background:var(--bg-card);border:1px solid var(--border-color);cursor:pointer;transition:var(--transition-smooth);border-radius:16px;padding:1rem}.file-card:hover{border-color:#ffffff26;transform:translateY(-3px)}.file-thumb{aspect-ratio:4/3;width:100%;color:var(--text-muted);background:#000;border-radius:10px;justify-content:center;align-items:center;margin-bottom:1rem;font-size:2rem;display:flex;position:relative;overflow:hidden}.file-thumb img{object-fit:cover;width:100%;height:100%}.file-thumb.theme-bg{background:linear-gradient(135deg,#3b82f633,#0000)}.file-info h4{white-space:nowrap;text-overflow:ellipsis;margin-bottom:.3rem;font-size:1rem;font-weight:600;overflow:hidden}.file-info p{color:var(--text-muted);font-size:.8rem}.activity-list{flex-direction:column;gap:1rem;display:flex}.activity-item{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;align-items:center;gap:1.5rem;padding:1.2rem;display:flex}.act-icon{width:44px;height:44px;color:var(--text-muted);background:#ffffff08;border-radius:50%;justify-content:center;align-items:center;font-size:1.1rem;display:flex}.act-details{flex:1}.act-details p{margin-bottom:.2rem;font-size:.95rem}.act-details p strong{color:#fff}.act-details span{color:var(--text-muted);font-size:.8rem}.widget{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;margin-bottom:1.5rem;padding:1.5rem}.widget h3{margin-bottom:1.5rem;font-size:1.1rem;font-weight:700}.team-list{flex-direction:column;gap:1rem;display:flex}.team-member{justify-content:space-between;align-items:center;display:flex}.user-stub{align-items:center;gap:10px;display:flex}.user-stub img{object-fit:cover;border-radius:50%;width:36px;height:36px}.user-stub div h5{font-size:.9rem;font-weight:600}.user-stub div span{color:var(--text-muted);font-size:.75rem}.role-badge{color:var(--text-muted);background:#ffffff0d;border-radius:6px;padding:4px 8px;font-size:.75rem;font-weight:600}.role-badge.owner{color:var(--accent-blue);background:#3b82f61a}.storage-info{color:var(--text-muted);justify-content:space-between;margin-bottom:.5rem;font-size:.85rem;font-weight:600;display:flex}.storage-bar-bg{background:#ffffff0d;border-radius:100px;width:100%;height:8px;margin-bottom:1rem;overflow:hidden}.storage-bar-fill{background:var(--accent-orange);border-radius:100px;width:45%;height:100%}@keyframes gridItemEntry{0%{opacity:0;transform:translateY(20px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.folder-card-wrapper,.file-card{opacity:0;animation:.8s cubic-bezier(.23,1,.32,1) forwards gridItemEntry}.folder-card-wrapper:first-child,.file-card:first-child{animation-delay:.1s}.folder-card-wrapper:nth-child(2),.file-card:nth-child(2){animation-delay:.15s}.folder-card-wrapper:nth-child(3),.file-card:nth-child(3){animation-delay:.2s}.folder-card-wrapper:nth-child(4),.file-card:nth-child(4){animation-delay:.25s}.folder-card-wrapper:nth-child(5),.file-card:nth-child(5){animation-delay:.3s}.folder-card-wrapper:nth-child(6),.file-card:nth-child(6){animation-delay:.35s}.folder-card-wrapper:nth-child(7),.file-card:nth-child(7){animation-delay:.4s}.folder-card-wrapper:nth-child(8),.file-card:nth-child(8){animation-delay:.45s}.folder-card-wrapper:nth-child(9),.file-card:nth-child(9){animation-delay:.5s}.folder-card-wrapper:nth-child(10),.file-card:nth-child(10){animation-delay:.55s}.folder-card-wrapper:nth-child(11),.file-card:nth-child(11){animation-delay:.6s}.folder-card-wrapper:nth-child(12),.file-card:nth-child(12){animation-delay:.65s}@media (width<=1024px){.workspace-grid{grid-template-columns:1fr}.workspace-header{flex-direction:column;align-items:flex-start;gap:1.5rem}}@media (width<=768px){.workspace-info h1{font-size:1.8rem}.workspace-icon{border-radius:12px;width:48px;height:48px;font-size:1.4rem}.workspace-actions{flex-wrap:wrap;width:100%}.btn-action{flex:1;justify-content:center}.files-grid{grid-template-columns:repeat(2,1fr);gap:1rem}}@media (width<=480px){.files-grid{grid-template-columns:1fr}.activity-item{flex-direction:column;align-items:flex-start;gap:.8rem}.workspace-actions{gap:.5rem}.btn-action{padding:.7rem 1rem;font-size:.85rem}}.workspace-container{color:#fff;padding:2rem 5%}.workspace-header{justify-content:space-between;align-items:center;margin-bottom:3rem;display:flex}.workspace-header h1{letter-spacing:-1px;background:linear-gradient(90deg,#fff,#94a3b8);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:800}.new-project-btn{color:#fff;cursor:pointer;background:#1a1a1e;border:1px solid #ffffff1a;border-radius:14px;align-items:center;gap:12px;padding:.8rem 1.8rem;font-size:1.1rem;font-weight:700;transition:all .3s cubic-bezier(.23,1,.32,1);display:flex;box-shadow:0 4px 15px #0000004d,0 0 #3b82f600}.new-project-btn:hover{background:#242428;border-color:#3b82f680;transform:translateY(-2px);box-shadow:0 10px 30px #00000080,0 0 20px #3b82f633}.new-project-btn i{color:var(--accent-blue);font-size:1.2rem}.workspace-stats{gap:2rem;display:flex}.stat-box{text-align:center;background:#ffffff08;border:1px solid #ffffff14;border-radius:16px;padding:1rem 2rem}.stat-box .number{color:var(--accent-blue);font-size:1.5rem;font-weight:800;display:block}.stat-box .label{color:var(--text-muted);text-transform:uppercase;font-size:.8rem;font-weight:700}.folder-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:3rem;margin-top:2rem;display:grid}.folder-card-wrapper{cursor:pointer;flex-direction:column;justify-content:center;align-items:center;width:100%;transition:transform .3s;display:flex;position:relative}.folder-card-wrapper:hover{transform:translateY(-10px)}.folder-container{perspective:1500px;transform-origin:bottom;width:240px;height:160px;position:relative}.folder-back{transform-origin:top;background:#d97706;border-radius:0 16px 16px;width:100%;height:100%;transition:all .3s;position:relative}.folder-back:after{content:"";background:#d97706;border-top-left-radius:16px;border-top-right-radius:16px;width:80px;height:16px;position:absolute;bottom:99%;left:0}.folder-back:before{content:"";clip-path:polygon(0 35%,0% 100%,50% 100%);background:#d97706;width:16px;height:16px;position:absolute;top:-15px;left:75.5px}.folder-card-wrapper:hover .folder-back{box-shadow:0 20px 40px #0006}.folder-paper{transform-origin:bottom;-webkit-user-select:none;user-select:none;border-radius:16px;transition:all .3s;position:absolute;inset:4px}.paper-4{z-index:4;background:#a1a1aa}.paper-3{z-index:3;background:#d4d4d8}.paper-2{z-index:2;background:#e5e7eb}.folder-card-wrapper:hover .paper-4{transform:rotateX(-20deg)}.folder-card-wrapper:hover .paper-3{transform:rotateX(-30deg)}.folder-card-wrapper:hover .paper-2{transform:rotateX(-38deg)}.folder-front{transform-origin:bottom;z-index:5;background:linear-gradient(#fbbf24,#f59e0b);border-radius:16px 0 16px 16px;justify-content:center;align-items:center;width:100%;height:156px;transition:all .3s;display:flex;position:absolute;bottom:0}.folder-front:after{content:"";background:#fbbf24;border-top-left-radius:16px;border-top-right-radius:16px;width:146px;height:16px;position:absolute;bottom:99%;right:0}.folder-front:before{content:"";clip-path:polygon(100% 14%,50% 100%,100% 100%);background:#fbbf24;width:12px;height:12px;position:absolute;top:-10px;right:142px}.folder-card-wrapper:hover .folder-front{transform:rotateX(-46deg)translateY(1px);box-shadow:inset 0 20px 40px #fbbf24,inset 0 -20px 40px #d97706}.folder-icon-inner{color:#0006;font-size:2.5rem;transition:all .3s}.folder-card-wrapper:hover .folder-icon-inner{color:#0009;transform:scale(1.1)}.folder-label{text-align:center;margin-top:1.5rem}.folder-name{color:#fff;font-size:1.2rem;font-weight:700;display:block}.folder-count{color:var(--text-muted);font-size:.85rem}.folder-options-container{z-index:100;position:absolute;top:10px;right:5px}.folder-options-btn{color:#fff;cursor:pointer;opacity:.6;background:#ffffff0d;border:1px solid #ffffff14;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;transition:all .3s cubic-bezier(.23,1,.32,1);display:flex}.folder-options-btn i{font-size:1.2rem}.folder-card-wrapper:hover .folder-options-btn{opacity:1;background:#ffffff1a}.folder-options-btn:hover{transform:scale(1.1);box-shadow:0 0 15px #ffffff1a}.folder-context-menu{z-index:1000;background-color:#242832;background-image:linear-gradient(139deg,#242832 0% 0%,#251c28 100%);border-radius:12px;width:180px;padding:8px;animation:.2s ease-out menuFadeIn;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 10px 30px #00000080,0 0 0 1px #ffffff0d}@keyframes menuFadeIn{0%{opacity:0;transform:translateY(-10px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.menu-list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.menu-item{color:#7e8590;cursor:pointer;border-radius:8px;align-items:center;gap:12px;padding:10px 12px;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.menu-item i{width:16px;font-size:.95rem}.menu-item:hover{color:#fff;background-color:#5353ff;transform:translate(2px)}.menu-item.delete:hover{background-color:#ef4444}.workspace-entry-container{color:#fff;background:#000;flex-direction:column;align-items:center;min-height:100vh;padding:5rem 10%;display:flex}.entry-header{text-align:center;margin-bottom:5rem}.entry-header h1{letter-spacing:-2px;background:linear-gradient(90deg,#fff,#64748b);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-size:3.5rem;font-weight:900}.entry-header p{color:var(--text-muted);font-size:1.2rem}.role-card-grid{grid-template-columns:repeat(2,1fr);gap:2.5rem;width:100%;max-width:1100px;display:grid}.role-large-card{cursor:pointer;border-radius:40px;flex-direction:column;justify-content:space-between;height:480px;padding:3rem;transition:all .5s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative;overflow:hidden}.role-large-card:hover{transform:translateY(-15px)scale(1.02);box-shadow:0 30px 60px #00000080}.role-card-content h2{letter-spacing:-1px;margin-bottom:1rem;font-size:2.8rem;font-weight:900;line-height:1.1}.role-card-content p{opacity:.8;font-size:1.1rem;font-weight:600}.role-card-image{border:4px solid #ffffff1a;border-radius:24px;width:280px;height:180px;transition:all .5s;position:absolute;bottom:-20px;right:-20px;overflow:hidden;transform:rotate(-10deg);box-shadow:0 20px 40px #0006}.role-large-card:hover .role-card-image{bottom:20px;right:20px;transform:rotate(0)scale(1.1)}.role-card-image img{object-fit:cover;width:100%;height:100%}.back-to-roles{border:1px solid var(--wf-border);color:#fff;cursor:pointer;background:#ffffff0d;border-radius:99px;align-items:center;gap:10px;margin-bottom:1.5rem;padding:.6rem 1.2rem;font-size:.85rem;font-weight:700;transition:all .3s;display:flex}.back-to-roles:hover{background:#ffffff1a;transform:translate(-5px)}@media (width<=900px){.role-card-grid{grid-template-columns:1fr}.role-large-card{height:400px}}.modal-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:2000;opacity:0;pointer-events:none;background:#000000d9;justify-content:center;align-items:center;transition:all .3s;display:flex;position:fixed;inset:0}.modal-overlay.open{opacity:1;pointer-events:auto}.modal-box{background:#0f1013;border:1px solid #ffffff14;border-radius:28px;width:480px;max-width:90%;padding:2.5rem;transition:all .4s cubic-bezier(.23,1,.32,1);transform:scale(.9)translateY(20px);box-shadow:0 40px 100px #0009}.modal-overlay.open .modal-box{transform:scale(1)translateY(0)}.modal-box.warning{border-color:#ef444433;box-shadow:0 40px 100px #ef44440d,0 0 40px #0009}.modal-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.modal-header h2{letter-spacing:-.5px;font-size:1.6rem;font-weight:800}.modal-close{color:var(--text-muted);cursor:pointer;font-size:1.2rem;transition:all .2s}.modal-close:hover{color:#fff;transform:rotate(90deg)}.workspace-empty{text-align:center;background:#ffffff05;border:2px dashed #ffffff0d;border-radius:24px;margin-top:3rem;padding:5rem}.workspace-empty i{color:#3b82f633;margin-bottom:2rem;font-size:4rem}.workspace-empty h2{margin-bottom:1rem;font-size:1.8rem}.workspace-empty p{color:var(--text-muted);margin-bottom:2rem}.upcoming-container-full{background:#0c0d0d;justify-content:center;align-items:center;height:100%;padding:2rem;display:flex}.cyber-outer{background:radial-gradient(300px at 0 0,#fff,#0c0d0d);border-radius:20px;width:450px;height:550px;padding:1px;animation:.8s cubic-bezier(.23,1,.32,1) fadeInScale;position:relative;overflow:hidden;box-shadow:0 50px 100px #000c}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.cyber-dot{aspect-ratio:1;z-index:5;background-color:#fff;border-radius:50%;width:6px;animation:8s linear infinite movePerimeter;position:absolute;box-shadow:0 0 15px #fff,0 0 30px #fff}@keyframes movePerimeter{0%,to{top:5%;left:5%}25%{top:5%;left:95%}50%{top:95%;left:95%}75%{top:95%;left:5%}}.cyber-card{z-index:1;color:#fff;background:radial-gradient(500px at 0 0,#222,#0c0d0d);border:1px solid #1a1a1a;border-radius:19px;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:2rem;display:flex;position:relative}.cyber-ray{filter:blur(30px);pointer-events:none;background-color:#ffffff1a;border-radius:100px;width:350px;height:80px;position:absolute;top:-10%;left:-10%;transform:rotate(45deg);box-shadow:0 0 100px #ffffff26}.cyber-text-gradient{background:linear-gradient(135deg,#000 0%,#fff 50%,#000 100%);color:#0000;letter-spacing:-3px;text-transform:uppercase;-webkit-background-clip:text;background-clip:text;margin:0;font-size:5rem;font-weight:900;line-height:.9}.cyber-text-gradient.secondary{opacity:.8;font-size:3.5rem}.cyber-content{text-align:center;z-index:2;flex-direction:column;align-items:center;display:flex}.cyber-label{letter-spacing:6px;color:#666;margin-bottom:1.5rem;font-size:.75rem;font-weight:700}.cyber-status{color:#444;letter-spacing:2px;align-items:center;gap:12px;margin-top:3rem;font-size:.7rem;font-weight:600;display:flex}.status-dot{background:#fff;border-radius:50%;width:8px;height:8px;animation:1.5s infinite blink}.cyber-desc{color:#4a4a4a;max-width:320px;margin-top:2rem;font-size:.9rem;line-height:1.6}.cyber-line{background-color:#ffffff08;position:absolute}.topl{background:linear-gradient(90deg,#444,#0000);width:100%;height:1px;top:15%}.bottoml{width:100%;height:1px;bottom:15%}.leftl{background:linear-gradient(#444,#0000);width:1px;height:100%;left:15%}.rightl{width:1px;height:100%;right:15%}.studio-page-container{color:#fff;background:#000;min-height:100vh;padding:3rem 5rem;transition:padding .4s cubic-bezier(.4,0,.2,1)}.studio-page-container.full-screen-mode{height:100vh;padding:0;overflow:hidden}.btn-back-app{border:1px solid var(--border-color);color:var(--text-muted);cursor:pointer;background:#ffffff0d;border-radius:12px;align-items:center;gap:10px;padding:.7rem 1.4rem;font-size:.95rem;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.btn-back-app:hover{color:#fff;background:#ffffff1a;border-color:#3b82f6;transform:translate(-4px)}.studio-navbar{border-bottom:1px solid var(--border-color);z-index:100;background:#050505;justify-content:space-between;align-items:center;margin:-3.1rem -5rem 3rem;padding:1rem 5rem;transition:margin .4s cubic-bezier(.4,0,.2,1);display:flex;position:sticky;top:0}.full-screen-mode .studio-navbar{margin:0}.studio-navbar-left{align-items:center;gap:2rem;display:flex}.studio-nav-links{gap:.5rem;display:flex}.studio-nav-item{color:var(--text-muted);cursor:pointer;border-radius:10px;align-items:center;gap:10px;padding:.8rem 1.2rem;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.studio-nav-item:hover{color:#fff;background:#ffffff0d}.studio-nav-item.active{color:var(--accent-blue);background:#3b82f61a}.resizer-handle{cursor:col-resize;z-index:10;justify-content:center;align-items:center;width:20px;margin:0 -10px;transition:all .2s;display:flex}.resizer-line{background:#ffffff0d;border-radius:2px;width:2px;height:100%;transition:all .2s}.resizer-handle:hover .resizer-line,.resizer-handle:active .resizer-line{background:var(--accent-blue);width:4px;box-shadow:0 0 10px #3b82f680}.upload-card{background:linear-gradient(145deg,#121215 0%,#0a0a0c 100%);border:1px solid #ffffff0d;border-radius:28px;padding:3rem;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #00000080}.upload-card:before{content:"";pointer-events:none;background:radial-gradient(circle,#3b82f608 0%,#0000 70%);width:200%;height:200%;position:absolute;top:-50%;left:-50%}.icon-badge{width:45px;height:45px;color:var(--accent-blue);background:#3b82f61a;border:1px solid #3b82f633;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;font-size:1.2rem;display:flex}.section-title{letter-spacing:-.5px;align-items:center;gap:15px;margin-bottom:2.5rem;font-size:1.6rem;font-weight:800;display:flex}.dropzone{border:2px dashed var(--border-color);text-align:center;cursor:pointer;background:#ffffff05;border-radius:16px;margin-bottom:2rem;padding:4rem 2rem;transition:all .3s}.dropzone:hover{border-color:var(--accent-blue);background:#3b82f60d}.dropzone i{color:var(--text-muted);margin-bottom:1rem;font-size:3rem}.dropzone h4{margin-bottom:.5rem;font-size:1.25rem}.dropzone p{color:var(--text-muted);font-size:.9rem}.form-group{margin-bottom:1.5rem}.form-group label{color:var(--text-muted);margin-bottom:.6rem;font-size:.9rem;font-weight:600;display:block}.form-group input,.form-group textarea,.form-group select{color:#fff;background:#ffffff08;border:1px solid #ffffff14;border-radius:14px;outline:none;width:100%;padding:1rem 1.4rem;font-size:1rem;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:inset 0 2px 4px #0003}.form-group select{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='%2394a3b8'%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-position:right 1.2rem center;background-repeat:no-repeat;background-size:1.2rem;padding-right:3rem}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--accent-blue);background:#3b82f60d;box-shadow:0 0 0 4px #3b82f61a}.form-group input::placeholder{color:#475569}.tag-input-container{border:1px solid var(--border-color);background:#0a0a0c;border-radius:12px;flex-wrap:wrap;gap:8px;padding:8px;display:flex}.tag-item{background:#ffffff14;border-radius:99px;align-items:center;gap:8px;padding:4px 12px;font-size:.85rem;display:flex}.preview-sidebar{flex-direction:column;gap:2rem;display:flex}.preview-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:20px;overflow:hidden}.preview-img{aspect-ratio:16/10;width:100%;color:var(--text-muted);background:#050505;justify-content:center;align-items:center;font-size:3rem;display:flex}.preview-body{padding:1.5rem}.publish-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);border:none;border-radius:16px;justify-content:center;align-items:center;gap:12px;width:100%;padding:1rem 2.5rem;font-size:1rem;font-weight:800;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;box-shadow:0 10px 20px #3b82f64d}.publish-btn:hover{transform:translateY(-4px)scale(1.02);box-shadow:0 20px 40px #3b82f666}.publish-btn:active{transform:translateY(-2px)scale(.98)}.tips-card{background:#3b82f60d;border:1px solid #3b82f633;border-radius:16px;padding:1.5rem}.tips-card h5{color:var(--accent-blue);margin-bottom:1rem}.stats-grid{grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-bottom:2.5rem;display:grid}.stat-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;flex-direction:column;gap:10px;padding:1.5rem;display:flex}.stat-label{color:var(--text-muted);text-transform:uppercase;font-size:.8rem;font-weight:700}.stat-value{font-size:2rem;font-weight:900}.stat-trend{color:#10b981;font-size:.8rem;font-weight:700}.analytics-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:2.5rem;display:grid}.data-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:1.5rem}.data-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.data-title{font-size:1.1rem;font-weight:700}.geo-list{flex-direction:column;gap:1rem;margin:0;padding:0;list-style:none;display:flex}.geo-item{align-items:center;gap:12px;display:flex}.geo-bar-container{background:#ffffff0d;border-radius:4px;flex:1;height:8px;overflow:hidden}.geo-bar{background:var(--accent-blue);border-radius:4px;height:100%}.geo-label{width:90px;color:var(--text-muted);font-size:.85rem}.geo-value{text-align:right;width:35px;font-size:.85rem;font-weight:600}.device-stats{justify-content:space-around;padding:1rem 0;display:flex}.device-item{text-align:center}.device-icon{color:var(--text-muted);margin-bottom:8px;font-size:1.5rem}.device-val{font-size:1.1rem;font-weight:700}.metric-circle{border:6px solid #3b82f61a;border-top-color:var(--accent-blue);border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;margin:0 auto 1.5rem;font-size:1.5rem;font-weight:800;display:flex}.chart-container-studio{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;justify-content:space-around;align-items:flex-end;gap:15px;height:220px;margin-bottom:2.5rem;padding:1.5rem;display:flex}.chart-bar-wrapper{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:10px;height:100%;display:flex}.chart-bar{background:linear-gradient(to top, var(--accent-blue), #60a5fa);border-radius:6px 6px 0 0;width:100%;max-width:35px;transition:all .5s}.chart-label{color:var(--text-muted);font-size:.75rem}.asset-table{border-collapse:collapse;width:100%}.asset-table th{text-align:left;color:var(--text-muted);border-bottom:1px solid var(--border-color);text-transform:uppercase;letter-spacing:.5px;padding:1.2rem;font-size:.8rem}.asset-table td{border-bottom:1px solid var(--border-color);vertical-align:middle;padding:1.2rem}.asset-table tr:hover{background:#ffffff05}.yt-studio-table .yt-thumb{border:1px solid var(--border-color);background:#000;border-radius:8px;width:120px;height:68px;overflow:hidden}.yt-studio-table .yt-thumb iframe{border:none;width:100%;height:100%}.visibility-badge{cursor:pointer;border:1px solid #0000;border-radius:20px;align-items:center;gap:8px;width:fit-content;padding:6px 12px;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.visibility-badge.public{color:#10b981;background:#10b9811a}.visibility-badge.private{color:#94a3b8;background:#94a3b81a}.visibility-badge:hover{border-color:currentColor;transform:translateY(-1px);box-shadow:0 4px 12px #0003}.action-buttons{opacity:0;gap:8px;transition:opacity .2s;display:flex}tr:hover .action-buttons{opacity:1}.btn-action-icon{border:1px solid var(--border-color);width:32px;height:32px;color:var(--text-muted);cursor:pointer;background:#ffffff0d;border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex}.btn-action-icon:hover{color:#fff;background:#ffffff1a}.btn-action-icon.delete:hover{color:#ef4444;background:#ef44441a;border-color:#ef4444}.status-live{color:#10b981;font-size:.75rem;font-weight:800}.status-review{color:var(--accent-orange);font-size:.75rem;font-weight:800}.animate{animation:.5s forwards fadeIn}@media (width<=1024px){.upload-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.analytics-grid{grid-template-columns:1fr}}.mobile-studio-warning{z-index:9999;text-align:center;background:#000;flex-direction:column;justify-content:center;align-items:center;padding:2rem;display:none;position:fixed;inset:0}@media (width<=768px){.mobile-studio-warning{display:flex}.studio-page-container{display:none}}.editor-section{flex-direction:column;gap:1.5rem;display:flex}.editor-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.code-field{flex-direction:column;gap:.5rem;display:flex}.code-label{text-transform:uppercase;color:var(--text-muted);letter-spacing:.5px;justify-content:space-between;align-items:center;font-size:.75rem;font-weight:800;display:flex}.code-label span{align-items:center;gap:6px;display:flex}.code-textarea{border:1px solid var(--border-color);color:#a5f3fc;resize:vertical;background:#050505;border-radius:12px;outline:none;width:100%;min-height:200px;padding:1rem;font-family:Fira Code,Monaco,Consolas,monospace;font-size:.85rem;line-height:1.6;transition:all .2s}.code-textarea:focus{border-color:var(--accent-blue);box-shadow:0 0 15px #3b82f61a}.js-textarea{color:#fde047}.css-textarea{color:#f9a8d4}.preview-container{border:1px solid var(--border-bright);aspect-ratio:1;background:#050505;border-radius:20px;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 60px #000c}.preview-iframe{background:0 0;border:none;width:100%;height:100%}.preview-stats{grid-template-columns:repeat(2,1fr);gap:10px;margin-top:1rem;display:grid}.preview-stat-item{border:1px solid var(--border-color);background:#ffffff08;border-radius:10px;padding:.75rem}.preview-stat-label{color:var(--text-muted);margin-bottom:4px;font-size:.65rem;font-weight:700;display:block}.preview-stat-value{font-size:.85rem;font-weight:700}.btn-secondary-studio{border:1px solid var(--border-color);color:#fff;cursor:pointer;background:#ffffff0d;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:.8rem 1rem;font-size:.9rem;font-weight:700;transition:all .2s;display:flex}.btn-secondary-studio:hover{border-color:var(--text-muted);background:#ffffff1a}.action-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.export-modal-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:2000;background:#000c;justify-content:center;align-items:center;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.export-modal{border:1px solid var(--border-color);background:#0e0e11;border-radius:24px;width:600px;max-width:90%;padding:2rem;box-shadow:0 30px 60px #00000080}.export-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.export-code-block{color:#cbd5e1;border:1px solid var(--border-color);background:#050505;border-radius:12px;max-height:400px;margin-bottom:1.5rem;padding:1.5rem;font-family:Fira Code,monospace;font-size:.85rem;overflow-x:auto}.export-footer{gap:10px;display:flex}.js-toggle-button{cursor:pointer;background:#ffffff08;border:1px solid #ffffff0d;border-radius:14px;align-items:center;gap:1.2rem;margin-top:1rem;padding:1rem 1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.js-toggle-button:hover{background:#ffffff0f;border-color:#ffffff1a;transform:translate(5px)}.js-toggle-button.active{background:#f7df1e0d;border-color:#f7df1e33}.toggle-icon{width:40px;height:40px;color:var(--text-muted);background:#ffffff0d;border-radius:10px;justify-content:center;align-items:center;font-size:1rem;transition:all .3s;display:flex}.js-toggle-button.active .toggle-icon{color:#000;background:#f7df1e;box-shadow:0 0 15px #f7df1e4d}.toggle-text span{color:#fff;font-size:.95rem;font-weight:700;display:block}.toggle-text p{color:var(--text-muted);margin:0;font-size:.75rem}.code-textarea::-webkit-scrollbar{width:8px}.code-textarea::-webkit-scrollbar-track{background:#0a0a0c;border-radius:0 12px 12px 0}.code-textarea::-webkit-scrollbar-thumb{background:#ffffff0d;border:2px solid #0a0a0c;border-radius:10px}.code-textarea::-webkit-scrollbar-thumb:hover{background:#ffffff1a}.export-code-block::-webkit-scrollbar{width:8px;height:8px}.export-code-block::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}.upload-container{width:100%;margin:0 auto}.step-indicator{justify-content:center;align-items:center;gap:0;margin-bottom:4rem;display:flex}.step-item{z-index:1;flex-direction:column;align-items:center;gap:12px;display:flex;position:relative}.step-number{color:#475569;background:#111114;border:1px solid #ffffff1a;border-radius:18px;justify-content:center;align-items:center;width:50px;height:50px;font-size:1.1rem;font-weight:800;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex}.step-item.active .step-number{color:#fff;background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#0000;transform:scale(1.1);box-shadow:0 10px 25px #3b82f666}.step-item.completed .step-number{color:#fff;background:#10b981;border-color:#0000;box-shadow:0 10px 25px #10b9814d}.step-line{background:#ffffff0d;border-radius:99px;width:120px;height:3px;margin:-30px -5px 0;position:relative;overflow:hidden}.step-line:after{content:"";background:#10b981;width:0;height:100%;transition:width .6s;position:absolute;top:0;left:0}.step-item.completed+.step-line:after{width:100%}.step-label{color:#64748b;font-size:.9rem;font-weight:700;transition:color .3s}.step-item.active .step-label{color:#fff}.details-step-card{width:100%;margin:0 auto}.publish-btn:disabled{opacity:.7;cursor:not-allowed}.mobile-studio-warning{display:none}@media (width<=1024px){.studio-page-container{display:none!important}.mobile-studio-warning{text-align:center;color:#fff;background:#000;flex-direction:column;justify-content:center;align-items:center;min-height:calc(100vh - 100px);padding:2rem;animation:.4s ease-out fadeIn;display:flex}}.yt-studio-table{border-collapse:collapse;border-top:none;width:100%}.yt-studio-table th{color:var(--text-muted);border-bottom:1px solid var(--border-color);text-align:left;text-transform:uppercase;letter-spacing:.5px;background:#ffffff03;padding:.8rem 2rem;font-size:.75rem;font-weight:700}.yt-studio-table td{vertical-align:middle;border-bottom:1px solid #ffffff08;padding:1rem 2rem}.yt-studio-table tr:hover{background:#ffffff05}.yt-thumb{border:1px solid var(--border-color);background:#050505;border-radius:8px;flex-shrink:0;width:120px;height:68px;position:relative;overflow:hidden}.yt-thumb iframe{pointer-events:none;border:none;width:100%;height:100%}.status-public{color:#10b981;align-items:center;gap:8px;font-size:.85rem;font-weight:600;display:flex}.ai-container{border:1px solid var(--border-color);background:#0a0a0c;border-radius:24px;height:calc(100vh - 180px);margin-top:1rem;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden;box-shadow:0 20px 50px #0006}.full-screen-mode .ai-container{border:none;border-radius:0;height:calc(100vh - 66px);margin:0}.ai-sidebar{border-right:1px solid var(--border-color);background:#ffffff03;flex-direction:column;width:280px;display:flex}.ai-history-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.ai-history-header h3{color:#fff;font-size:.9rem;font-weight:700}.new-chat-btn{color:var(--accent-blue);cursor:pointer;background:#3b82f61a;border:1px solid #3b82f633;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.new-chat-btn:hover{background:var(--accent-blue);color:#fff}.ai-history-list{flex-direction:column;flex:1;gap:8px;padding:1rem;display:flex;overflow-y:auto}.history-item{color:var(--text-muted);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;border-radius:10px;align-items:center;gap:12px;padding:.8rem 1rem;font-size:.85rem;transition:all .2s;display:flex;overflow:hidden}.history-item:hover{color:#fff;background:#ffffff08}.history-item.active{color:#fff;background:#3b82f614;border:1px solid #3b82f61a}.ai-sidebar-footer{border-top:1px solid var(--border-color);padding:1.5rem}.ai-model-status{color:var(--text-muted);align-items:center;gap:10px;font-size:.75rem;font-weight:600;display:flex}.status-dot{background:#10b981;border-radius:50%;width:8px;height:8px;box-shadow:0 0 10px #10b981}.ai-main-chat{background:radial-gradient(circle at 10% 10%,#4285f40d,#0000 40%),radial-gradient(circle at 90% 90%,#9b72cb0d,#0000 40%);flex-direction:column;flex:1;display:flex}.gemini-title-gradient{background:linear-gradient(90deg,#4285f4,#9b72cb,#d96570);color:#0000;letter-spacing:-1px;-webkit-background-clip:text;background-clip:text;margin:0;font-size:1.8rem;font-weight:900}.ai-chat-header{background:linear-gradient(#0006,#0000);border-bottom:1px solid #ffffff0d;padding:2.5rem 3rem}.ai-title{align-items:center;gap:15px;display:flex}.ai-title p{color:#64748b;letter-spacing:.5px;margin:4px 0 0;font-size:.85rem;font-weight:500}.ai-messages-area{flex-direction:column;flex:1;gap:3rem;padding:3rem;display:flex;overflow-y:auto}.ai-message{gap:1.5rem;width:100%;max-width:850px;margin:0 auto;display:flex}.msg-icon{flex-shrink:0;width:32px;height:32px;margin-top:5px}.gemini-bubble{background:0 0!important;border:none!important;padding:0!important}.gemini-bubble p{color:#e2e8f0;font-size:1.1rem;font-weight:400;line-height:1.7}.gemini-suggestions{gap:12px;margin-top:2rem;display:flex}.gemini-suggestions button{color:#94a3b8;cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;align-items:center;gap:8px;padding:.7rem 1.2rem;font-size:.9rem;transition:all .2s;display:flex}.gemini-suggestions button:hover{color:#fff;background:#ffffff0f;border-color:#ffffff26;transform:translateY(-2px)}.gemini-suggestions button span{font-size:1.1rem}.ai-input-wrapper{background:linear-gradient(#0000,#0009);flex-direction:column;align-items:center;padding:2rem;display:flex}.container_chat_bot{flex-direction:column;width:100%;max-width:650px;display:flex}.container-chat-options{background:linear-gradient(to bottom right,#444,#111,#111,#111,#222);border-radius:20px;padding:1.5px;display:flex;position:relative;overflow:hidden;box-shadow:0 15px 35px #00000080}.container-chat-options:after{content:"";filter:blur(2px);pointer-events:none;background:radial-gradient(#fff6,#ffffff1a,#0000 70%);width:60px;height:60px;position:absolute;top:-10px;left:-10px}.chat{background-color:#0c0c0e;border-radius:19px;flex-direction:column;width:100%;display:flex;overflow:hidden}.chat-bot{display:flex;position:relative}.chat-bot textarea{color:#fff;resize:none;background-color:#0000;border:none;outline:none;width:100%;height:100px;padding:1.5rem;font-family:inherit;font-size:1rem;font-weight:400;line-height:1.6}.chat-bot textarea::placeholder{color:#64748b;transition:all .3s}.chat-bot textarea:focus::placeholder{opacity:.5}.options{background:#ffffff05;border-top:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.btns-add{gap:12px;display:flex}.btns-add button{color:#64748b;cursor:pointer;background-color:#0000;border:none;border-radius:8px;padding:8px;transition:all .3s;display:flex}.btns-add button:hover{color:#fff;background:#ffffff0d;transform:translateY(-3px)}.btn-submit-ai{cursor:pointer;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:12px;outline:none;padding:2px;transition:all .2s;display:flex;box-shadow:0 4px 15px #2563eb4d}.btn-submit-ai i{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);color:#fff;background:#0003;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.btn-submit-ai svg{transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-submit-ai:hover{transform:translateY(-2px);box-shadow:0 8px 25px #2563eb66}.btn-submit-ai:hover svg{filter:drop-shadow(0 0 5px #fff)}.btn-submit-ai:active{transform:scale(.95)}.ai-tags{color:#fff;flex-wrap:wrap;justify-content:center;gap:8px;padding:1rem 0;font-size:.75rem;display:flex}.ai-tags span{cursor:pointer;-webkit-user-select:none;user-select:none;color:#94a3b8;background-color:#121215;border:1px solid #ffffff14;border-radius:10px;padding:6px 12px;transition:all .2s}.ai-tags span:hover{border-color:var(--accent-blue);color:#fff;background-color:#1e293b}.ai-disclaimer{text-align:center;color:#475569;margin-top:1rem;font-size:.7rem}.sidebar{z-index:200;background:#050505;border-right:1px solid #ffffff0d;flex-direction:column;width:280px;height:100vh;padding:2rem 1.5rem;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;position:sticky;top:0}.sidebar-header{justify-content:space-between;align-items:center;margin-bottom:3rem;display:flex}.sidebar-logo{letter-spacing:-1px;background:linear-gradient(90deg,#fff,#3b82f6);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:900}.nav-menu{flex-direction:column;flex:1;gap:.5rem;padding-right:5px;display:flex;overflow-y:auto}.nav-menu::-webkit-scrollbar{width:4px}.nav-menu::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}.nav-item-pill{cursor:pointer;color:#64748b;border-radius:12px;align-items:center;gap:1rem;padding:.8rem 1rem;font-weight:500;transition:all .2s;display:flex}.nav-item-pill i{text-align:center;width:20px;font-size:1.1rem}.nav-item-pill:hover{color:#fff;background:#ffffff0d}.nav-item-pill.active{color:#3b82f6;background:#3b82f61a;border:1px solid #3b82f633}.nav-spacing{height:1.5rem}.sidebar-footer{border-top:1px solid #ffffff0d;justify-content:space-between;padding-top:1.5rem;display:flex}.footer-icon{color:#475569;cursor:pointer;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex}.footer-icon:hover{color:#fff;background:#ffffff0d}.notification-dot{background:#ef4444;border:2px solid #050505;border-radius:50%;width:8px;height:8px;position:absolute;top:10px;right:10px}.community-nav-btn:hover{transform:translateY(-2px);background:#5865f233!important}.community-nav-btn-small:hover{transform:translateY(-2px);color:#fff!important;background:#ffffff1a!important}@keyframes sidebarItemSlide{0%{opacity:0;transform:translate(-15px)}to{opacity:1;transform:translate(0)}}.animate-item{opacity:0;animation:.6s cubic-bezier(.23,1,.32,1) forwards sidebarItemSlide}@media (width<=1024px){.sidebar{position:fixed;top:0;left:-280px}.sidebar.active{left:0}}.topbar{z-index:1000;background:#000;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;height:70px;padding:0 4rem 0 2rem;display:flex;position:sticky;top:0}.topbar-left{flex:1;align-items:center;gap:1.5rem;display:flex}.topbar-right{flex:1;justify-content:flex-end;align-items:center;gap:1.5rem;display:flex}.mobile-menu-btn{cursor:pointer;color:#94a3b8;font-size:1.2rem;transition:color .2s;display:none}.mobile-menu-btn:hover{color:#fff}@media (width<=1024px){.mobile-menu-btn{display:block}}.desktop-actions-group{align-items:center;gap:1rem;display:flex}.create-btn{cursor:pointer;letter-spacing:.3px;white-space:nowrap;border:none;border-radius:12px;align-items:center;gap:.8rem;padding:.6rem 1.2rem;font-size:.85rem;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.create-ui-btn{color:#fff;background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 15px #3b82f64d}.create-ui-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3b82f666}.create-post-btn{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a}.create-post-btn:hover{background:#ffffff1a;border-color:#3b82f6}.notification-btn{color:#94a3b8;cursor:pointer;background:#ffffff08;border:1px solid #ffffff0d;border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;transition:all .2s;display:flex;position:relative}.notification-btn:hover{color:#fff;background:#ffffff14}.notification-btn .dot{color:#fff;background:#ef4444;border:2px solid #000;border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-size:.7rem;font-weight:800;display:flex;position:absolute;top:-4px;right:-4px}.notification-wrapper{position:relative}.notification-dropdown{z-index:1000;transform-origin:100% 0;background:#0f0f13;border:1px solid #ffffff1a;border-radius:16px;width:380px;animation:.2s cubic-bezier(.175,.885,.32,1.275) forwards dropIn;position:absolute;top:calc(100% + 10px);right:-60px;overflow:hidden;box-shadow:0 15px 40px #00000080}@keyframes dropIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.notif-header{background:#ffffff05;border-bottom:1px solid #ffffff0d;padding:1rem 1.2rem}.notif-header h3{color:#fff;margin:0;font-size:1rem;font-weight:700}.notif-body{max-height:400px;overflow-y:auto}.notif-body::-webkit-scrollbar{width:6px}.notif-body::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}.empty-notifs{text-align:center;color:#94a3b8;padding:2rem;font-size:.9rem}.notif-item{cursor:pointer;border-bottom:1px solid #ffffff0d;gap:12px;padding:1rem 1.2rem;transition:background .2s;display:flex}.notif-item:hover{background:#ffffff08}.notif-item.unread{background:#3b82f60d;border-left:3px solid #3b82f6}.notif-item.unread:hover{background:#3b82f614}.notif-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:40px;height:40px}.notif-content{flex:1}.notif-content p{color:#cbd5e1;margin:0 0 6px;font-size:.85rem;line-height:1.4}.notif-content p strong{color:#fff;font-weight:600}.notif-content p span{color:#94a3b8;font-style:italic}.notif-time{color:#64748b;font-size:.75rem}.topbar-user{background:#ffffff08;border:1px solid #ffffff0d;border-radius:14px;align-items:center;gap:12px;padding:6px 6px 6px 12px;text-decoration:none;transition:all .2s;display:flex}.topbar-user:hover{background:#ffffff14;border-color:#ffffff1a}.user-name{color:#fff;letter-spacing:1px;text-transform:uppercase;font-size:1.1rem;font-weight:900}.user-avatar{object-fit:cover;border-radius:50%;width:32px;height:32px}.sign-in-navbar-btn{color:#fff;background:#3b82f6;box-shadow:0 4px 15px #3b82f64d}.sign-in-navbar-btn:hover{background:#2563eb;transform:translateY(-2px);box-shadow:0 6px 20px #3b82f666}.user-avatar-placeholder{color:#94a3b8;background:#ffffff0d;border-radius:10px;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.2rem;display:flex}@media (width<=768px){.topbar{height:60px;padding:0 1rem}.topbar.is-community{padding:0 1.8rem 0 1rem}.topbar-left,.topbar-right{gap:.8rem}.desktop-actions-group{display:none!important}.user-name{display:none}.topbar-user{background:0 0;border:none;border-radius:10px;padding:0}.user-avatar{border-radius:10px;width:36px;height:36px}.notification-btn{background:#ffffff0d;border-radius:10px;width:36px;height:36px}.search-trigger-btn{background:#ffffff0d;border-radius:10px;justify-content:center;width:36px;height:36px;padding:0}}@media (width<=380px){.topbar{height:54px;padding:0 .8rem}.topbar.is-community{padding:0 1rem 0 .6rem}.topbar-left,.topbar-right{gap:.5rem}.notification-btn,.search-trigger-btn,.user-avatar{border-radius:8px;width:32px;height:32px}.mobile-menu-btn{font-size:1.1rem}}.search-compact-trigger{flex:1;align-items:center;max-width:400px;display:flex}.search-trigger-btn{cursor:pointer;color:#94a3b8;background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;align-items:center;gap:12px;padding:8px 16px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.search-trigger-btn:hover{color:#fff;background:#ffffff14;border-color:#3b82f6}.search-trigger-btn i{font-size:1rem}.search-text-hint{font-size:.85rem;font-weight:500}.universal-search-overlay{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:2000;background:#000000d9;flex-direction:column;align-items:center;padding-top:5vh;animation:.3s cubic-bezier(.4,0,.2,1) overlayIn;display:flex;position:fixed;inset:0}@keyframes overlayIn{0%{opacity:0;-webkit-backdrop-filter:blur();backdrop-filter:blur()}to{opacity:1;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}}.search-container-inner{flex-direction:column;width:100%;max-width:800px;padding:0 2rem;display:flex;position:relative}.search-icon-main{color:#3b82f6;z-index:10;font-size:1.2rem;position:absolute;top:1.5rem;left:3.5rem}.search-container-inner input{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;outline:none;width:100%;padding:1.2rem 4rem;font-size:1.2rem;font-weight:500;transition:all .3s;box-shadow:0 10px 40px #0000004d}.search-container-inner input:focus{background:#ffffff14;border-color:#3b82f6;box-shadow:0 0 30px #3b82f633}.close-search-wrapper{color:#64748b;cursor:pointer;z-index:10;align-items:center;gap:12px;transition:color .2s;display:flex;position:absolute;top:1.2rem;right:3.5rem}.close-search-wrapper:hover{color:#fff}.esc-hint{border:1px solid #334155;border-radius:4px;padding:2px 6px;font-size:.7rem;font-weight:800}.universal-search-results{background:#0f0f1499;border:1px solid #ffffff0d;border-radius:24px;flex-direction:column;gap:8px;max-height:70vh;margin-top:2rem;padding:1rem;display:flex;overflow-y:auto}.search-res-item{cursor:pointer;border:1px solid #0000;border-radius:16px;align-items:center;gap:1.2rem;padding:1rem 1.5rem;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.search-res-item:hover{background:#3b82f61a;border-color:#3b82f633;transform:translate(8px)}.res-icon-wrapper{color:#3b82f6;background:#ffffff0d;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.2rem;transition:all .3s;display:flex}.search-res-item:hover .res-icon-wrapper{color:#fff;background:#3b82f6;box-shadow:0 0 20px #3b82f666}.res-content{flex:1}.res-title{color:#fff;margin-bottom:2px;font-size:1.05rem;font-weight:700}.res-meta{color:#64748b;text-transform:uppercase;letter-spacing:1px;font-size:.8rem;font-weight:600}.arrow-hint{color:#334155;opacity:0;transition:all .2s}.search-res-item:hover .arrow-hint{opacity:1;color:#3b82f6;transform:translate(4px)}.no-results-premium{text-align:center;color:#64748b;padding:4rem 2rem}.no-results-premium i{opacity:.3;margin-bottom:1.5rem;font-size:3rem}@media (width<=768px){.search-container-inner{padding:0 1rem}.search-icon-main{left:2.2rem}.search-container-inner input{padding:1rem 3.5rem;font-size:1rem}.close-search-wrapper{right:2.2rem}.universal-search-results{background:0 0;border:none;border-radius:0;max-height:80vh}.search-res-item{padding:.8rem}.res-icon-wrapper{width:40px;height:40px}}.global-dashboard-wrapper{background:var(--bg-main);flex-direction:column;width:100%;height:100vh;display:flex;overflow:hidden}.dashboard-layout{flex:1;width:100%;height:100%;display:flex;overflow:hidden}.main-content{background:radial-gradient(circle at 100% 0,#3b82f60d,#0000 600px);flex-direction:column;flex:1;width:100%;height:100%;display:flex;overflow:hidden}.dashboard-content{scrollbar-width:thin;scrollbar-color:#ffffff1a transparent;flex:1;width:100%;height:100%;padding:2.5rem 3rem;overflow-y:auto}.dashboard-content.is-scroll-locked{overflow:hidden}.dashboard-content.is-community{padding:0}@media (width<=768px){.dashboard-content{padding:1.5rem}}.sidebar-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:150;transition:var(--transition-smooth);background:#00000080;display:none;position:fixed;inset:0}@media (width<=1024px){.sidebar-overlay.active{display:block}}.about-page{color:#fff;background-color:#000;min-height:100vh;font-family:Outfit,Inter,sans-serif;overflow-x:hidden}.about-container{max-width:1200px;margin:0 auto;padding:0 5%}.section-tag{text-transform:uppercase;letter-spacing:3px;color:var(--accent-blue,#3b82f6);margin-bottom:1.5rem;font-size:.8rem;font-weight:700;display:inline-block}.about-hero{text-align:center;justify-content:center;align-items:center;height:80vh;padding-top:80px;display:flex;position:relative}.hero-glow{filter:blur(120px);z-index:0;background:radial-gradient(circle,#3b82f626 0%,#0000 70%);width:70vw;height:70vw;animation:10s infinite alternate pulse-glow;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}.hero-glow-2{filter:blur(100px);z-index:0;background:radial-gradient(circle,#8b5cf61a 0%,#0000 70%);width:40vw;height:40vw;position:absolute;top:20%;right:-10%}@keyframes pulse-glow{0%{opacity:.5;transform:translate(-50%,-50%)scale(1)}to{opacity:.8;transform:translate(-50%,-50%)scale(1.2)}}.reveal-title{letter-spacing:-3px;z-index:1;margin-bottom:2rem;font-size:clamp(3rem,8vw,6rem);font-weight:900;line-height:1.1;position:relative}.hero-subtitle{color:#94a3b8;max-width:700px;margin:0 auto;font-size:1.25rem;line-height:1.6}.mission-section{padding:10rem 0}.mission-grid{grid-template-columns:1.2fr .8fr;align-items:center;gap:6rem;display:grid}.mission-content h2{margin-bottom:2rem;font-size:clamp(2rem,4vw,3.5rem);font-weight:800;line-height:1.2}.mission-content p{color:#94a3b8;font-size:1.1rem;line-height:1.8}.mission-visual{height:400px}.visual-card{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.visual-circle{border:1px solid #3b82f626;border-radius:50%;justify-content:center;align-items:center;width:240px;height:240px;animation:20s linear infinite rotate;display:flex;position:relative}.visual-circle:before{content:"";background:#3b82f6;border-radius:50%;width:12px;height:12px;position:absolute;top:-5px;left:50%;transform:translate(-50%);box-shadow:0 0 20px 5px #3b82f699}.visual-circle-inner{border:1px solid #8b5cf61a;border-radius:50%;width:160px;height:160px;animation:15s linear infinite rotate-reverse}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes rotate-reverse{0%{transform:rotate(360deg)}to{transform:rotate(0)}}.values-section{background:linear-gradient(#0000,#3b82f605,#0000);padding:10rem 0}.values-header{text-align:center;margin-bottom:5rem}.values-header h2{font-size:clamp(2rem,4vw,3rem);font-weight:800}.values-grid{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid}.value-card{padding:3rem;transition:all .4s}.value-card:hover{background:#ffffff0d;border-color:#3b82f64d;transform:translateY(-10px)}.value-icon{color:#3b82f6;margin-bottom:2rem;font-size:2rem}.value-card h3{margin-bottom:1.25rem;font-size:1.5rem;font-weight:700}.value-card p{color:#94a3b8;line-height:1.6}.join-section{padding:10rem 0 15rem}.join-box{text-align:center;padding:6rem;position:relative;overflow:hidden}.join-box h2{margin-bottom:1.5rem;font-size:clamp(2rem,5vw,4rem);font-weight:900}.join-box p{color:#94a3b8;margin-bottom:3rem;font-size:1.2rem}.join-btn{color:#000;background:#fff;border-radius:9999px;padding:1.2rem 3rem;font-weight:700;text-decoration:none;transition:all .3s;display:inline-block}.join-btn:hover{color:#fff;background:#3b82f6;transform:scale(1.05)}@media (width<=992px){.mission-grid{text-align:center;grid-template-columns:1fr;gap:4rem}.values-grid{grid-template-columns:1fr}}.careers-modern-layout{color:#fff;background:#020204;min-height:100vh;font-family:Outfit,sans-serif;overflow-x:hidden}.careers-container{max-width:1200px;margin:0 auto;padding:0 2rem}.careers-immersive-hero{text-align:left;align-items:center;height:90vh;padding-top:80px;display:flex;position:relative;overflow:hidden}.careers-bg-glow{z-index:0;pointer-events:none;background:radial-gradient(circle,#3b82f61f 0%,#0000 70%);width:800px;height:800px;animation:8s infinite alternate pulse-slow;position:absolute;top:-200px;right:-200px}@keyframes pulse-slow{0%{opacity:.5;transform:scale(1)}to{opacity:1;transform:scale(1.2)}}.careers-badge{color:#3b82f6;letter-spacing:1px;text-transform:uppercase;background:#3b82f61a;border:1px solid #3b82f633;border-radius:99px;margin-bottom:2rem;padding:.6rem 1.2rem;font-size:.85rem;font-weight:800;animation:.8s cubic-bezier(.2,.8,.2,1) forwards slideUpFade;display:inline-block}.careers-hero-title{letter-spacing:-3px;z-index:1;opacity:0;max-width:900px;margin-bottom:2rem;font-size:clamp(3rem,8vw,5.5rem);font-weight:900;line-height:1.05;animation:.8s cubic-bezier(.2,.8,.2,1) .1s forwards slideUpFade;position:relative}.careers-hero-subtitle{color:#888;z-index:1;opacity:0;max-width:650px;margin-bottom:3.5rem;font-size:1.25rem;line-height:1.6;animation:.8s cubic-bezier(.2,.8,.2,1) .2s forwards slideUpFade;position:relative}.gradient-text-fluxy{background:linear-gradient(90deg,#fff,#3b82f6,#9333ea);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.careers-hero-actions{z-index:1;opacity:0;gap:1.5rem;animation:.8s cubic-bezier(.2,.8,.2,1) .3s forwards slideUpFade;display:flex;position:relative}.btn-primary-careers{color:#fff;background:#3b82f6;border-radius:16px;padding:1.2rem 2.5rem;font-weight:800;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 10px 30px #3b82f64d}.btn-primary-careers:hover{background:#2563eb;transform:translateY(-5px);box-shadow:0 15px 40px #3b82f666}.btn-secondary-careers{color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;padding:1.2rem 2.5rem;font-weight:800;transition:all .3s}.btn-secondary-careers:hover{background:#ffffff1a;border-color:#fff3}.careers-jobs-section{background:linear-gradient(#0000,#3b82f605);padding:10rem 0}.jobs-header-box{opacity:0;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:flex-end;margin-bottom:5rem;padding-bottom:2.5rem;animation:1s cubic-bezier(.2,.8,.2,1) .4s forwards slideUpFade;display:flex}.j-title h2{letter-spacing:-1px;margin-bottom:.5rem;font-size:3.5rem;font-weight:900}.j-title p{color:#64748b;font-size:1.1rem;font-weight:500}.jobs-filter select{color:#fff;cursor:pointer;background:#0a0a0c;border:1px solid #222;border-radius:14px;outline:none;padding:1rem 2rem;font-weight:700;transition:all .3s}.jobs-filter select:hover{border-color:#444}.jobs-vertical-list{flex-direction:column;gap:1.5rem;display:flex}.premium-job-card{opacity:0;background:#050507;border:1px solid #111;border-radius:28px;justify-content:space-between;align-items:center;padding:3rem;transition:all .4s cubic-bezier(.4,0,.2,1);animation:1s cubic-bezier(.2,.8,.2,1) forwards slideUpFade;display:flex}.premium-job-card:first-child{animation-delay:.5s}.premium-job-card:nth-child(2){animation-delay:.6s}.premium-job-card:nth-child(3){animation-delay:.7s}.premium-job-card:nth-child(4){animation-delay:.8s}.premium-job-card:hover{background:#0c0c0e;border-color:#ffffff1a;transform:translate(10px)}.job-team-badge{text-transform:uppercase;color:#94a3b8;background:#ffffff0d;border-radius:8px;margin-bottom:1.2rem;padding:.4rem 1rem;font-size:.75rem;font-weight:800;display:inline-block}.premium-job-card h3{margin-bottom:.8rem;font-size:1.8rem;font-weight:800}.job-meta-row{color:#475569;gap:1.5rem;font-size:.95rem;font-weight:600;display:flex}.job-meta-row i{color:#3b82f6;margin-right:8px}.m-dot{opacity:.3}.apply-btn-premium{color:#000;cursor:pointer;background:#fff;border:none;border-radius:14px;align-items:center;gap:12px;padding:1.2rem 2.2rem;font-weight:900;transition:all .3s;display:flex}.apply-btn-premium:hover{color:#fff;background:#3b82f6}@media (width<=900px){.premium-job-card{flex-direction:column;align-items:flex-start;gap:2.5rem;padding:2.5rem}.jobs-header-box{flex-direction:column;align-items:flex-start;gap:2.5rem}.careers-hero-title{font-size:3.5rem}}.connect-page{color:#fff;background-color:#000;min-height:100vh;font-family:Outfit,Inter,sans-serif}.connect-container{max-width:1200px;margin:0 auto;padding:0 5%}.glass-card{-webkit-backdrop-filter:blur(20px);background:#ffffff05;border:1px solid #ffffff14;border-radius:24px}.connect-hero{text-align:center;padding:12rem 0 6rem}.connect-hero .hero-title{letter-spacing:-3px;margin-bottom:1.5rem;font-size:clamp(3rem,8vw,6rem);font-weight:900}.gradient-text{background:linear-gradient(90deg,#3b82f6,#60a5fa);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.connect-hero .hero-subtitle{color:#94a3b8;max-width:600px;margin:0 auto;font-size:1.25rem;line-height:1.6}.connect-grid-section{padding:4rem 0 12rem}.connect-main-grid{grid-template-columns:1.4fr .6fr;gap:2.5rem;display:grid}.contact-form-container{padding:4rem}.contact-form-container h3{margin-bottom:3rem;font-size:2rem;font-weight:800}.contact-form{flex-direction:column;gap:2rem;display:flex}.form-row{grid-template-columns:1fr 1fr;gap:2rem;display:grid}.form-group{flex-direction:column;gap:.8rem;display:flex}.form-group label{color:#ffffff80;text-transform:uppercase;letter-spacing:1px;font-size:.9rem;font-weight:600}.form-group input,.form-group select,.form-group textarea{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:1.2rem;font-family:inherit;font-size:1rem;transition:all .3s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:#3b82f60d;border-color:#3b82f6;outline:none;box-shadow:0 0 0 4px #3b82f61a}.form-group textarea{resize:vertical;height:150px}.submit-btn{color:#000;cursor:pointer;background:#fff;border:none;border-radius:12px;margin-top:1rem;padding:1.2rem;font-size:1.1rem;font-weight:700;transition:all .3s}.submit-btn:hover{color:#fff;background:#3b82f6;transform:translateY(-3px);box-shadow:0 10px 30px #3b82f64d}.connect-info{flex-direction:column;gap:1.5rem;display:flex}.info-block{padding:2rem}.info-block h4{margin-bottom:1rem;font-size:1.1rem;font-weight:700}.info-block p{color:#94a3b8;font-size:.95rem;line-height:1.6}.community-links{gap:1rem;margin-top:1.5rem;display:flex}.community-btn{text-align:center;border-radius:10px;flex:1;padding:.8rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .3s}.community-btn.discord{color:#fff;background:#5865f2}.community-btn.twitter{color:#fff;background:#1da1f2}.community-btn:hover{filter:brightness(1.2);transform:translateY(-2px)}.contact-details p{margin-bottom:.5rem}.contact-details strong{color:#fff}@media (width<=992px){.connect-main-grid,.form-row{grid-template-columns:1fr}.contact-form-container{padding:2.5rem}}.detail-page-container{color:#fff;max-width:1400px;margin:0 auto;padding:2rem 4rem}.back-link{color:var(--text-muted);cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;margin-bottom:2rem;font-size:1rem;font-weight:600;transition:color .2s;display:flex}.back-link:hover{color:#fff}.detail-header{justify-content:space-between;align-items:flex-start;gap:2rem;margin-bottom:2rem;display:flex}.component-title{color:#fff;margin:0 0 .5rem;font-size:2.5rem}.component-meta{align-items:center;gap:1rem;display:flex}.framework-badge{color:var(--accent-blue);text-transform:uppercase;letter-spacing:1px;background:#3b82f61a;border-radius:20px;padding:4px 12px;font-size:.85rem;font-weight:700}.date-badge{color:var(--text-muted);align-items:center;gap:6px;font-size:.9rem;display:flex}.header-right{flex-direction:column;align-items:flex-end;gap:1rem;display:flex}.action-buttons{gap:1rem;display:flex}.detail-action-btn{color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:8px;padding:.8rem 1.5rem;font-weight:600;transition:all .2s;display:flex}.detail-action-btn:hover{background:#ffffff1a;border-color:#3b82f6}.detail-action-btn.active-like{color:#ef4444;background:#ef44441a;border-color:#ef44444d}.detail-action-btn.active-save{color:#3b82f6;background:#3b82f61a;border-color:#3b82f64d}.export-toolbar{background:#ffffff08;border:1px solid #ffffff0d;border-radius:12px;align-items:center;gap:12px;padding:8px 16px;display:flex}.export-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:.75rem;font-weight:800}.export-buttons{gap:8px;display:flex}.detail-main-grid{grid-template-columns:1fr 1fr;gap:2rem;height:auto;display:grid}.preview-container{background:#0a0a0c;border:1px solid #ffffff1a;border-radius:16px;height:600px;position:relative;overflow:hidden}.preview-label{color:var(--accent-blue);letter-spacing:1px;z-index:10;text-transform:uppercase;background:#00000080;border-radius:4px;padding:4px 12px;font-size:.75rem;font-weight:800;position:absolute;top:16px;left:16px}.preview-iframe{border:none;width:100%;height:100%}.code-container{background:#0f0f13;border:1px solid #ffffff1a;border-radius:16px;flex-direction:column;height:600px;display:flex;overflow:hidden}.code-tabs{background:#15151a;border-bottom:1px solid #ffffff1a;display:flex}.code-tabs button{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:1rem;font-weight:600;transition:all .2s}.code-tabs button.active{border-bottom-color:var(--accent-blue);color:#fff}.code-viewport{flex:1;position:relative;overflow:hidden}.code-actions-overlay{z-index:10;gap:8px;display:flex;position:absolute;top:16px;right:16px}.mode-toggle,.copy-code-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #0000;border-radius:4px;align-items:center;gap:8px;padding:8px 16px;font-weight:600;transition:all .2s;display:flex}.mode-toggle.active{color:#60a5fa;background:#3b82f633;border-color:#3b82f680}.editor-textarea{color:#0000;-webkit-text-fill-color:transparent;caret-color:#0000;pointer-events:none;resize:none;z-index:2;scrollbar-width:none;-ms-overflow-style:none;background:0 0;border:none;outline:none;width:100%;height:100%;position:absolute;inset:0;overflow:auto;white-space:pre!important;word-break:normal!important;box-sizing:border-box!important;tab-size:4!important;letter-spacing:normal!important;word-spacing:normal!important;margin:0!important;padding:4rem 2rem 2rem!important;font-family:Consolas,Monaco,monospace!important;font-size:14px!important;line-height:1.6!important}.editor-textarea::-webkit-scrollbar{display:none}.editor-textarea.active{caret-color:#fff;pointer-events:auto}.editor-highlighter{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;inset:0;overflow:hidden;white-space:pre!important;word-break:normal!important;box-sizing:border-box!important;tab-size:4!important;letter-spacing:normal!important;word-spacing:normal!important;background:0 0!important;margin:0!important;padding:4rem 2rem 2rem!important;font-family:Consolas,Monaco,monospace!important;font-size:14px!important;line-height:1.6!important}.editor-highlighter code{white-space:pre!important;word-break:normal!important;box-sizing:border-box!important;tab-size:4!important;letter-spacing:normal!important;word-spacing:normal!important;background:0 0!important;margin:0!important;padding:0!important;font-family:Consolas,Monaco,monospace!important;font-size:14px!important;line-height:1.6!important;display:block!important}.export-modal-overlay{z-index:2000;background:#000000d9;justify-content:center;align-items:center;padding:2rem;display:flex;position:fixed;inset:0}.export-modal-content{background:#0f0f13;border:1px solid #ffffff1a;border-radius:20px;flex-direction:column;width:100%;max-width:900px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000080}.export-modal-header{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:1.5rem 2rem;display:flex}.header-type{align-items:center;gap:12px;display:flex}.close-modal{color:#fff;cursor:pointer;background:0 0;border:none;font-size:1.5rem}.export-modal-body{flex:1;min-height:0;padding:2rem;position:relative;overflow:hidden}.body-actions{z-index:10;position:absolute;top:16px;right:16px}.export-code-preview{color:#efefef;white-space:pre;box-sizing:border-box;background:#050505;border:1px solid #ffffff0d;border-radius:12px;height:100%;margin:0;padding:1.5rem;font-family:monospace;font-size:14px;line-height:1.6;overflow:auto}.export-modal-footer{border-top:1px solid #ffffff0d;justify-content:flex-end;padding:1.5rem 2rem;display:flex}@media (width<=1200px){.detail-page-container{padding:2rem}}@media (width<=1024px){.detail-header{flex-direction:column;align-items:flex-start;gap:1.2rem}.header-right{align-items:flex-start;gap:.8rem;width:100%}.action-buttons{gap:.6rem;width:100%}.detail-action-btn{flex:1;justify-content:center;padding:.6rem 1rem;font-size:.9rem}.export-toolbar{justify-content:space-between;width:100%;padding:6px 12px}.detail-main-grid{grid-template-columns:1fr;gap:2rem;height:auto}.preview-container{height:400px}.code-container{height:500px}}@media (width<=600px){.detail-page-container{padding:1rem}.back-link{margin-bottom:1rem;font-size:.9rem}.component-title{margin-bottom:.3rem;font-size:1.6rem}.component-meta{gap:.8rem}.framework-badge{padding:3px 10px;font-size:.75rem}.date-badge{font-size:.8rem}.export-toolbar{flex-direction:column;align-items:flex-start;gap:8px}.export-label{font-size:.7rem}.export-buttons{gap:6px;width:100%}.export-mini-btn{padding:4px 10px;font-size:.75rem}.code-actions-overlay{box-sizing:border-box;background:#15151a;justify-content:space-between;width:100%;padding:8px;display:flex;position:static}.mode-toggle,.copy-code-btn{flex:1;justify-content:center;padding:6px 12px;font-size:.8rem}.editor-textarea,.editor-highlighter{padding:1.5rem 1rem 1rem}}.detail-layout-wrapper{grid-template-columns:1fr;align-items:flex-start;gap:2rem;margin-top:1rem;display:grid}.detail-content-side{min-width:0}.discussion-sidebar{background:#000;border:1px solid #ffffff0d;border-radius:12px;flex-direction:column;width:100%;height:calc(70vh + 100px);display:flex;position:sticky;top:100px;overflow:hidden;box-shadow:0 10px 30px #00000080}.discussion-header{background:#000;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.discussion-header h3{letter-spacing:-.5px;margin:0;font-size:1.2rem;font-weight:800}.discussion-stats{color:var(--text-muted);gap:1rem;font-size:.9rem;font-weight:600;display:flex}.discussion-stats i{margin-right:4px}.discussion-body{flex-direction:column;flex:1;gap:1.5rem;padding:1.5rem;display:flex;overflow-y:auto}.discussion-body::-webkit-scrollbar{width:6px}.discussion-body::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}.discussion-post-info{flex-direction:column;gap:1rem;display:flex}.author-row{align-items:center;gap:12px;display:flex}.author-avatar{object-fit:cover;background:#c3da5e;border-radius:4px;width:44px;height:44px}.author-details{flex-direction:column;display:flex}.author-name{font-size:1rem;font-weight:800}.post-time{color:var(--text-muted);font-size:.75rem}.post-content{color:#efefef;font-size:.95rem;line-height:1.5}.comments-divider{background:#ffffff0d;height:1px;margin:.5rem 0}.comments-list{flex-direction:column;gap:1.2rem;display:flex}.comment-item{gap:12px;animation:.3s ease-out fadeIn;display:flex}.comment-avatar{object-fit:cover;border-radius:50%;width:32px;height:32px}.comment-content{background:#ffffff08;border-radius:12px;flex:1;padding:.8rem 1rem}.comment-user{color:var(--accent-blue);margin-bottom:4px;font-size:.8rem;font-weight:700;display:block}.comment-text{color:#ddd;margin:0;font-size:.9rem;line-height:1.4}.empty-comments{text-align:center;color:var(--text-muted);padding:3rem 1rem}.empty-comments i{opacity:.2;margin-bottom:1rem;font-size:2.5rem}.empty-comments p{font-size:.9rem}.discussion-footer{background:#000;border-top:1px solid #ffffff0d;padding:1rem 1.5rem}.comment-input-area{align-items:center;gap:12px;display:flex}.my-avatar{border-radius:50%;width:32px;height:32px}.input-box{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:24px;flex:1;align-items:center;padding:4px 4px 4px 16px;transition:all .2s;display:flex}.input-box:focus-within{border-color:var(--accent-blue);background:#ffffff14}.input-box input{color:#fff;background:0 0;border:none;outline:none;flex:1;padding:8px 0;font-size:.9rem}.send-comment-btn{color:var(--accent-blue);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.send-comment-btn:hover:not(:disabled){transform:scale(1.1)}.send-comment-btn:disabled{opacity:.3;cursor:not-allowed}.section-subtitle{color:#fff;align-items:center;gap:12px;margin-bottom:2rem;font-size:1.5rem;font-weight:800;display:flex}.section-subtitle:before{content:"";background:var(--accent-blue);border-radius:4px;width:4px;height:24px}.suggestions-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem;margin-bottom:3rem;display:grid}.suggestion-card{cursor:pointer;background:#ffffff08;border:1px solid #ffffff0d;border-radius:16px;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.suggestion-card:hover{background:#ffffff0f;border-color:#3b82f64d;transform:translateY(-8px);box-shadow:0 20px 40px #0006}.suggestion-preview{background:#0a0a0c;height:180px;position:relative;overflow:hidden}.suggestion-preview iframe{pointer-events:none;border:none;width:100%;height:100%;transform:scale(.8)}.suggestion-info{padding:1.2rem}.suggestion-info h4{color:#fff;margin:0 0 4px;font-size:1.1rem;font-weight:700}.suggestion-info span{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:.8rem;font-weight:600}@media (width<=768px){.detail-main-grid,.suggestions-grid{grid-template-columns:1fr}.suggestion-preview{height:160px}}.legal-container{color:#fff;background-color:#050505;background-image:radial-gradient(circle at 10% 20%,#3b82f60d 0%,#0000 40%),radial-gradient(circle at 90% 80%,#3b82f60d 0%,#0000 40%);min-height:100vh;padding:0 2rem;font-family:Outfit,sans-serif}.legal-nav{justify-content:space-between;align-items:center;max-width:900px;margin:0 auto;padding:2rem 0;display:flex}.legal-logo{color:#fff;letter-spacing:-1px;font-size:1.5rem;font-weight:800;text-decoration:none}.legal-back{color:#94a3b8;font-size:.9rem;font-weight:600;text-decoration:none;transition:color .3s}.legal-back:hover{color:#3b82f6}.legal-content{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff05;border:1px solid #ffffff14;border-radius:32px;max-width:800px;margin:2rem auto 8rem;padding:4rem;box-shadow:0 40px 100px #00000080}.legal-header{border-bottom:1px solid #ffffff14;margin-bottom:4rem;padding-bottom:2rem}.legal-header h1{letter-spacing:-2px;background:linear-gradient(135deg,#fff 0%,#3b82f6 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-size:3rem;font-weight:800}.last-updated{color:#94a3b8;font-size:.9rem;font-weight:500}.legal-section{margin-bottom:3rem}.legal-section h2{color:#3b82f6;margin-bottom:1.25rem;font-size:1.5rem;font-weight:700}.legal-section p{color:#cbd5e1;margin-bottom:1rem;font-size:1.1rem;line-height:1.8}.legal-section ul{padding-left:0;list-style:none}.legal-section li{color:#cbd5e1;margin-bottom:.75rem;padding-left:1.5rem;line-height:1.6;position:relative}.legal-section li:before{content:"•";color:#3b82f6;font-weight:700;position:absolute;left:0}.legal-note{background:#3b82f61a;border-left:4px solid #3b82f6;border-radius:0 16px 16px 0;margin-top:1.5rem;padding:1.5rem}.legal-note strong{color:#fff;margin-bottom:.5rem;display:block}.legal-footer{text-align:center;color:#94a3b8;border-top:1px solid #ffffff14;margin-top:5rem;padding-top:2rem}.legal-footer a{color:#3b82f6;font-weight:700;text-decoration:none}.animate-in{animation:.8s cubic-bezier(.16,1,.3,1) forwards slideUpFade}@media (width<=768px){.legal-content{margin-top:1rem;padding:2rem}.legal-header h1{font-size:2.25rem}}.settings-page{background:radial-gradient(circle at 100% 0,#3b82f608,#0000 800px);min-height:100vh;padding:2.5rem 3rem}.settings-container{max-width:1100px;margin:0 auto}.settings-header{margin-bottom:3rem}.settings-header h1{letter-spacing:-1.5px;color:#fff;margin-bottom:.5rem;font-size:2.5rem;font-weight:800}.settings-header p{color:var(--text-muted);font-size:1.1rem}.settings-layout{grid-template-columns:280px 1fr;align-items:flex-start;gap:3rem;display:grid}.settings-sidebar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff05;border:1px solid #ffffff0d;border-radius:20px;flex-direction:column;gap:.5rem;padding:1.25rem;display:flex}.settings-nav-item{color:var(--text-muted);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:12px;align-items:center;gap:12px;padding:.9rem 1.2rem;font-size:.95rem;font-weight:600;transition:all .3s cubic-bezier(.23,1,.32,1);display:flex}.settings-nav-item i{text-align:center;width:20px;font-size:1.1rem}.settings-nav-item:hover{color:#fff;background:#ffffff0d;transform:translate(4px)}.settings-nav-item.active{background:var(--accent-blue);color:#fff;box-shadow:0 10px 20px #3b82f633}.settings-content-pane{background:#0a0a0c66;border:1px solid #ffffff0d;border-radius:24px;min-height:500px;padding:2.5rem}.section-title{color:#fff;letter-spacing:-.5px;margin-bottom:2.5rem;font-size:1.6rem;font-weight:800}.form-group-glass{flex-direction:column;gap:.8rem;margin-bottom:2rem;display:flex}.form-group-glass label{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;font-size:.85rem;font-weight:700}.form-group-glass input{color:#fff;background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;padding:1rem 1.2rem;font-size:1rem;transition:all .3s}.form-group-glass input:focus{border-color:var(--accent-blue);background:#ffffff0d;outline:none;box-shadow:0 0 20px #3b82f61a}.input-hint{color:#555;font-size:.85rem}.password-reset-group{border-top:1px solid #ffffff0d;margin-top:3rem;padding-top:2rem}.password-reset-group h3{margin-bottom:1.5rem;font-size:1.1rem;font-weight:700}.form-grid{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.toggle-list-glass{flex-direction:column;gap:1rem;display:flex}.toggle-item{background:#ffffff05;border:1px solid #ffffff0d;border-radius:16px;justify-content:space-between;align-items:center;padding:1.5rem;transition:all .3s;display:flex}.toggle-item:hover{background:#ffffff0a;border-color:#ffffff1a}.toggle-label{margin-bottom:4px;font-size:1.05rem;font-weight:700;display:block}.toggle-desc{color:var(--text-muted);margin:0;font-size:.9rem}.switch{width:48px;height:24px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:#ffffff1a;transition:all .4s;position:absolute;inset:0}.slider:before{content:"";background-color:#fff;width:18px;height:18px;transition:all .4s;position:absolute;bottom:3px;left:3px}input:checked+.slider{background-color:var(--accent-blue)}input:checked+.slider:before{transform:translate(24px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.btn-save-settings{background:var(--accent-blue);color:#fff;cursor:pointer;border:none;border-radius:12px;margin-top:1rem;padding:1rem 3rem;font-weight:700;transition:all .3s}.btn-save-settings:hover{transform:translateY(-2px);box-shadow:0 10px 20px #3b82f64d}.btn-delete-account{color:#ef4444;cursor:pointer;background:#ef44441a;border:1px solid #ef444433;border-radius:12px;align-items:center;gap:10px;margin-top:1.5rem;padding:.9rem 1.5rem;font-weight:700;transition:all .3s;display:flex}.btn-delete-account:hover{color:#fff;background:#ef4444}.privacy-card-glass{background:#ef444408;border:1px solid #ef44441a;border-radius:20px;margin-top:2rem;padding:2.5rem}.security-monitor-glass{background:#ffffff05;border:1px solid #ffffff0d;border-radius:20px;margin-bottom:2rem;padding:2rem}.security-monitor-glass h3{align-items:center;gap:10px;margin-bottom:1.5rem;font-size:1.1rem;font-weight:700;display:flex}.session-list{flex-direction:column;gap:12px;display:flex}.session-item-glass{background:#ffffff05;border:1px solid #ffffff0d;border-radius:16px;justify-content:space-between;align-items:center;padding:1.25rem;transition:all .3s;display:flex}.session-item-glass:hover{background:#ffffff0a}.session-main{align-items:center;gap:1rem;display:flex}.device-icon-box{width:44px;height:44px;color:var(--accent-blue);background:#3b82f61a;border-radius:12px;justify-content:center;align-items:center;font-size:1.2rem;display:flex}.device-name{margin-bottom:4px;font-size:1rem;font-weight:700}.last-login{color:var(--text-muted);font-size:.8rem}.current-badge{color:#10b981;letter-spacing:.5px;background:#10b9811a;border-radius:20px;padding:6px 12px;font-size:.7rem;font-weight:800}.security-notice{color:var(--text-muted);border-top:1px solid #ffffff0d;align-items:center;gap:8px;margin-top:1.5rem;padding-top:1.5rem;font-size:.8rem;display:flex}@media (width<=992px){.settings-layout{grid-template-columns:1fr;gap:2rem}.settings-sidebar{scrollbar-width:none;flex-direction:row;padding:.75rem;overflow-x:auto}.settings-sidebar::-webkit-scrollbar{display:none}.settings-nav-item{white-space:nowrap}}@media (width<=600px){.settings-page{padding:1.5rem 1rem}.settings-header h1{font-size:2rem}.settings-content-pane{padding:1.5rem}.form-grid{grid-template-columns:1fr}.toggle-item{flex-direction:column;align-items:flex-start;gap:1rem}.switch{align-self:flex-end}}.modal-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:9999;background-color:#000000d9;justify-content:center;align-items:center;animation:.3s fadeInOverlay;display:flex;position:fixed;inset:0}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}.modal-content{background:#0a0a0c;border:1px solid #ffffff1a;border-radius:28px;flex-direction:column;width:90%;max-width:850px;height:65vh;animation:.4s cubic-bezier(.16,1,.3,1) modalScaleUp;display:flex;overflow:hidden;box-shadow:0 30px 60px #0009}@keyframes modalScaleUp{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-header{background:#ffffff05;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:1.5rem 2.5rem;display:flex}.logo-modal{letter-spacing:-1px;background:linear-gradient(135deg,#fff 0%,#3b82f6 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:800}.close-x{color:#94a3b8;cursor:pointer;background:0 0;border:none;font-size:2rem;line-height:1;transition:all .2s}.close-x:hover{color:#fff;transform:rotate(90deg)}.modal-body{flex:1;display:flex;overflow:hidden}.modal-sidebar{background:#ffffff03;border-right:1px solid #ffffff14;width:260px;padding-top:1rem}.sidebar-item{color:#94a3b8;cursor:pointer;border-left:4px solid #0000;padding:1.25rem 2.5rem;font-size:.95rem;font-weight:600;transition:all .3s}.sidebar-item:hover{color:#fff;background:#ffffff08}.sidebar-item.active{color:#fff;background:#3b82f614;border-left-color:#3b82f6}.modal-main-content{flex:1;padding:3rem;overflow-y:auto}.modal-main-content h3{color:#fff;margin-bottom:1.5rem;font-size:1.5rem}.modal-main-content p{color:#94a3b8;font-size:1rem;line-height:1.7}.modal-footer{background:#ffffff05;border-top:1px solid #ffffff14;justify-content:flex-end;gap:1.25rem;padding:1.5rem 2.5rem;display:flex}.btn-primary-modal{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:12px;padding:.8rem 2rem;font-weight:700;transition:all .3s}.btn-primary-modal:hover{background:#2563eb;transform:translateY(-2px);box-shadow:0 8px 20px #3b82f64d}.btn-secondary-modal{color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:.8rem 2rem;font-weight:600;transition:all .3s}.btn-secondary-modal:hover{background:#ffffff1a}@media (width<=768px){.modal-body{flex-direction:column}.modal-sidebar{border-bottom:1px solid #ffffff14;border-right:none;width:100%;padding:0;display:flex}.sidebar-item{text-align:center;border-bottom:3px solid #0000;border-left:none;flex:1;padding:1rem;font-size:.8rem}.sidebar-item.active{border-bottom-color:#3b82f6}.modal-main-content{padding:1.5rem}}.popup-overlay{-webkit-backdrop-filter:blur(10px);z-index:10000;opacity:0;visibility:hidden;background:#000000d9;justify-content:center;align-items:center;width:100%;height:100%;transition:all .4s cubic-bezier(.23,1,.32,1);display:flex;position:fixed;top:0;left:0}.popup-overlay.active{opacity:1;visibility:visible}.popup-content{text-align:center;background:#0a0a0c;border:1px solid #ffffff1a;border-radius:32px;width:90%;max-width:450px;padding:3.5rem;transition:all .5s cubic-bezier(.23,1,.32,1);position:relative;transform:scale(.9)translateY(20px);box-shadow:0 40px 100px #000c,0 0 40px #3b82f61a}.popup-content.active{transform:scale(1)translateY(0)}.popup-icon{color:#3b82f6;background:#3b82f61a;border:1px solid #3b82f633;border-radius:24px;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 2.5rem;font-size:2.2rem;display:flex}.popup-content.error .popup-icon{color:#ef4444;background:#ef44441a;border-color:#ef444433}.popup-content.success .popup-icon{color:#22c55e;background:#22c55e1a;border-color:#22c55e33}.popup-body h3{letter-spacing:2px;color:#555;text-transform:uppercase;margin-bottom:1rem;font-size:.85rem;font-weight:800}.popup-body p{color:#fff;margin-bottom:3rem;font-size:1.3rem;font-weight:700;line-height:1.4}.popup-actions{justify-content:center;gap:1.2rem;display:flex}.popup-btn{cursor:pointer;border:none;border-radius:16px;flex:1;padding:1.2rem 2.2rem;font-size:1rem;font-weight:800;transition:all .3s cubic-bezier(.23,1,.32,1)}.popup-btn.primary{color:#fff;background:#3b82f6;box-shadow:0 10px 25px #3b82f64d}.popup-btn.primary:hover{background:#2563eb;transform:translateY(-4px);box-shadow:0 15px 35px #3b82f666}.popup-btn.secondary{color:#888;background:#ffffff0d;border:1px solid #ffffff1a}.popup-btn.secondary:hover{color:#fff;background:#ffffff14}.popup-close{color:#444;cursor:pointer;background:0 0;border:none;font-size:2rem;transition:color .3s;position:absolute;top:2rem;right:2rem}.popup-close:hover{color:#fff}.popup-content:before{content:"";pointer-events:none;z-index:-1;background:radial-gradient(circle,#3b82f60d 0%,#0000 70%);width:140%;height:140%;position:absolute;top:-20%;left:-20%}.no-connection-overlay{z-index:10000;background:#0c0d0d;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;animation:.5s ease-out fadeIn;display:flex;position:fixed;top:0;left:0}.antenna:before{content:"";background-color:#f69e50;border-radius:50%;width:1.5em;height:.8em;margin-top:.2em;margin-left:1.25em;position:absolute;transform:rotate(-20deg)}.notfound_text{color:#fff;letter-spacing:1px;z-index:100;background-color:#000;border-radius:5px;padding:2px 8px;font-size:.8rem}.curve_svg{color:#1d0e01;width:12px;height:12px;margin-top:.25em;margin-left:-.25em;position:absolute}.display_div{border-radius:15px;justify-content:center;align-self:center;align-items:center;display:flex;box-shadow:3.5px 3.5px #e69635}.screen{background:repeating-radial-gradient(#000 0 0.0001%, #fff 0 0.0002%) 50% 0/2500px 2500px, repeating-conic-gradient(#000 0 0.0001%, #fff 0 0.0002%) 60% 60%/2500px 2500px;background-blend-mode:difference;z-index:99;color:#252525;letter-spacing:.15em;border:2px solid #1d0e01;border-radius:10px;justify-content:center;align-items:center;width:13em;height:7.85em;font-weight:700;animation:.2s infinite alternate staticNoise;display:flex}@keyframes staticNoise{to{background-position:50% 0,60%}}.lines{align-self:flex-end;column-gap:.1em;display:flex}.line1,.line3{background-color:#000;border-radius:25px 25px 0 0;width:2px;height:.5em;margin-top:.5em}.line2{background-color:#000;border-radius:25px 25px 0 0;flex-grow:1;width:2px;height:1em}.buttons_div{background-color:#e69635;border:2px solid #1d0e01;border-radius:10px;flex-direction:column;justify-content:center;align-self:center;align-items:center;row-gap:.75em;width:4.25em;height:8em;padding:.6em;display:flex;box-shadow:3px 3px #e69635}.b1:before{content:"";background-color:#000;border-radius:5px;width:.1em;height:.4em;margin-top:1em;margin-left:.5em;position:absolute;transform:rotate(47deg)}.b1:after{content:"";background-color:#000;border-radius:5px;width:.1em;height:.55em;margin-top:.9em;margin-left:.8em;position:absolute;transform:rotate(47deg)}.b1 div{background-color:#000;width:.15em;height:1.2em;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(45deg)}.b2:before{content:"";background-color:#000;border-radius:5px;width:.15em;height:.4em;margin-top:1.05em;margin-left:.8em;position:absolute;transform:rotate(-45deg)}.b2:after{content:"";background-color:#000;width:.15em;height:1.2em;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-45deg)}.speakers{flex-direction:column;row-gap:.5em;display:flex}.speakers .g1{column-gap:.25em;display:flex}.speakers .g{background-color:#171717;width:auto;height:2px}.bottom{justify-content:center;align-items:center;column-gap:8.7em;width:100%;height:auto;display:flex}.connection-text{text-align:center;color:#fff;margin-top:2rem}.connection-text h2{margin-bottom:.5rem;font-size:1.8rem;font-weight:800}.connection-text p{color:#64748b;font-size:.95rem}.not-found-container{color:#fff;background-color:#0a0a0a;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;font-family:Inter,sans-serif;display:flex;overflow:hidden}.main_wrapper{justify-content:center;align-items:center;width:30em;height:30em;display:flex}.main{flex-direction:column;justify-content:center;align-items:center;margin-top:5em;display:flex}.antenna{z-index:1;background-color:#f27405;border:2px solid #000;border-radius:50%;width:5em;height:5em;margin-bottom:-6em;margin-left:0;position:relative}.antenna_shadow{background-color:#0000;border:4px solid #0000;border-radius:45%;width:50px;height:56px;margin-left:1.68em;position:absolute;transform:rotate(140deg);box-shadow:inset 0 16px #a85103,inset 0 16px 1px 1px #a85103}.antenna:after{content:"";background-color:#f69e50;border-radius:50%;width:1em;height:.5em;margin-top:-9.4em;margin-left:.4em;position:absolute;transform:rotate(-25deg)}.antenna:before{content:"";background-color:#f69e50;border-radius:50%;width:1.5em;height:.8em;position:absolute;top:.2em;left:1.25em;transform:rotate(-20deg)}.a1{clip-path:polygon(50% 0%,49% 100%,52% 100%);background-image:linear-gradient(#171717,#171717,#353535,#353535,#171717);border-radius:50px;width:12em;height:5.5em;position:relative;top:-102%;left:-130%;transform:rotate(-29deg)}.a1d{z-index:99;background-color:#979797;border:2px solid #000;border-radius:50%;width:.5em;height:.5em;position:relative;top:-211%;left:-35%;transform:rotate(45deg)}.a2{clip-path:polygon(47% 0,47% 0,34% 34%,54% 25%,32% 100%,29% 96%,49% 32%,30% 38%);background-color:#171717;background-image:linear-gradient(#171717,#171717,#353535,#353535,#171717);border-radius:50px;width:12em;height:4em;margin-right:5em;position:relative;top:-210%;left:-10%;transform:rotate(-8deg)}.a2d{z-index:99;background-color:#979797;border:2px solid #000;border-radius:50%;width:.5em;height:.5em;position:relative;top:-294%;left:94%}.tv{background-color:#d36604;border:2px solid #1d0e01;border-radius:15px;justify-content:center;width:17em;height:9em;margin-top:3em;display:flex;position:relative;box-shadow:inset .2em .2em #e69635}.tv:after{content:"";background:repeating-radial-gradient(#d36604 0 0.0001%, #00000070 0 0.0002%) 50% 0/2500px 2500px, repeating-conic-gradient(#d36604 0 0.0001%, #00000070 0 0.0002%) 60% 60%/2500px 2500px;background-blend-mode:difference;opacity:.09;pointer-events:none;border-radius:15px;width:100%;height:100%;position:absolute}.display_div{background:#1d0e01;border-radius:15px;justify-content:center;align-self:center;align-items:center;padding:5px;display:flex;box-shadow:3.5px 3.5px #e69635}.screen_out{border-radius:10px;width:auto;height:auto}.screen_out1{border-radius:10px;justify-content:center;align-items:center;width:11em;height:7.75em;display:flex}.screen{background:repeating-radial-gradient(#000 0 0.0001%, #fff 0 0.0002%) 50% 0/2500px 2500px, repeating-conic-gradient(#000 0 0.0001%, #fff 0 0.0002%) 60% 60%/2500px 2500px;background-blend-mode:difference;z-index:2;color:#252525;letter-spacing:.15em;text-align:center;border:2px solid #1d0e01;border-radius:10px;justify-content:center;align-items:center;width:13em;height:7.85em;font-family:inherit;font-weight:700;animation:.2s infinite alternate static-noise;display:flex}.screenM{z-index:2;color:#252525;letter-spacing:.15em;text-align:center;background:linear-gradient(90deg,#002fc6 0%,#002bb2 14.2857%,#3a3a3a 14.2857%,#303030 28.5714%,#ff0afe 28.5714%,#f500f4 42.8571%,#6c6c6c 42.8571%,#626262 57.1429%,#0affd9 57.1429%,#00f5ce 71.4286%,#3a3a3a 71.4286%,#303030 85.7143%,#fff 85.7143%,#fafafa 100%);border:2px solid #000;border-radius:10px;justify-content:center;align-items:center;width:13em;height:7.85em;font-family:inherit;font-weight:700;display:flex;position:relative;overflow:hidden}.screenM:before,.screenM:after{content:"";z-index:1;width:100%;position:absolute;left:0}.screenM:before{background:linear-gradient(90deg,#fff 0%,#fafafa 14.2857%,#ffe60a 14.2857%,#f5dc00 28.5714%,#0affd9 28.5714%,#00f5ce 42.8571%,#10ea00 42.8571%,#0ed600 57.1429%,#ff0afe 57.1429%,#f500f4 71.4286%,#ed0014 71.4286%,#d90012 85.7143%,#002fc6 85.7143%,#002bb2 100%);height:68.4783%;top:0}.screenM:after{background:linear-gradient(90deg,#006c6b 0%,#005857 16.6667%,#fff 16.6667%,#fafafa 33.3333%,#001b75 33.3333%,#001761 50%,#6c6c6c 50%,#626262 66.6667%,#929292 66.6667%,#888 83.3333%,#3a3a3a 83.3333%,#303030 100%);height:21.7391%;bottom:0}@keyframes static-noise{to{background-position:50% 0,60%}}.buttons_div{background-color:#e69635;border:2px solid #1d0e01;border-radius:10px;flex-direction:column;justify-content:center;align-self:center;align-items:center;row-gap:.75em;width:4.25em;height:8em;margin-left:10px;padding:.6em;display:flex;box-shadow:3px 3px #e69635}.b1{background-color:#7f5934;border:2px solid #000;border-radius:50%;width:1.65em;height:1.65em;position:relative;box-shadow:inset 2px 2px 1px #b49577,-2px 0 #513721,-2px 0 0 1px #000}.b1 div{content:"";background-color:#000;width:.15em;height:1.2em;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(45deg)}.b2{background-color:#7f5934;border:2px solid #000;border-radius:50%;width:1.65em;height:1.65em;position:relative;box-shadow:inset 2px 2px 1px #b49577,-2px 0 #513721,-2px 0 0 1px #000}.speakers{flex-direction:column;row-gap:.5em;width:100%;display:flex}.speakers .g1{justify-content:space-around;display:flex}.speakers .g1 .g11,.g12,.g13{background-color:#7f5934;border:2px solid #000;border-radius:50%;width:.65em;height:.65em;box-shadow:inset 1.25px 1.25px 1px #b49577}.bottom{justify-content:center;align-items:center;column-gap:8.7em;width:100%;height:auto;display:flex;position:relative}.base1,.base2{z-index:0;background-color:#4d4d4d;border:2px solid #171717;width:2em;height:1em;margin-top:-.15em}.base3{background-color:#171717;width:17.5em;height:.15em;margin-top:.8em;position:absolute}.text_404{z-index:0;opacity:.1;pointer-events:none;flex-direction:row;justify-content:center;align-items:center;column-gap:6em;margin-bottom:2em;font-size:2rem;font-weight:900;display:flex;position:absolute}.not-found-footer{text-align:center;z-index:10;margin-top:2rem}.not-found-btn{color:#fff;fontWeight:700;cursor:pointer;text-transform:uppercase;background:linear-gradient(45deg,#f27405,#d36604);border:none;border-radius:12px;padding:12px 30px;font-size:1rem;transition:all .3s;box-shadow:0 10px 20px #f2740533}.not-found-btn:hover{transform:translateY(-2px);box-shadow:0 15px 30px #f274054d}@media only screen and (width<=1024px){.screenM{display:flex}.screen{display:none}}@media only screen and (width>=1025px){.screen{display:flex}.screenM{display:none}}