:root{--bg-main:#050506;--bg-card:#0b0c10;--bg-card-hover:#101116;--bg-raise:#14151c;--border-light:rgba(148,170,255,0.09);--border-strong:rgba(148,170,255,0.18);--text-pure:#ffffff;--text-muted:#98a2be;--text-dim:#5a6480;--brand-blue:#1E5DFA;--brand-blue-glow:rgba(30,93,250,0.3);--brand-blue-soft:rgba(30,93,250,0.1);--btn-grad:linear-gradient(135deg,#2B68FF,#1545CC);--page-glow:radial-gradient(1200px 820px at 26% 18%,rgba(30,93,250,0.16) 0%,transparent 55%),radial-gradient(1000px 760px at 92% 88%,rgba(30,93,250,0.10) 0%,transparent 55%);--fs-hero:clamp(2.6rem,1.2rem + 4.6vw,4.5rem);--fs-h1:clamp(2.2rem,1.2rem + 3vw,3.25rem);--fs-h2:clamp(1.6rem,1.1rem + 1.6vw,2.25rem);--fs-h3:1.25rem;--fs-body-lg:1.125rem;--fs-body:0.9375rem;--fs-small:0.8125rem;--fs-kicker:0.6875rem;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-12:48px;--space-16:64px;--space-24:96px;--section-y:clamp(64px,9vw,112px);--font-main:var(--font-jakarta),"Plus Jakarta Sans",sans-serif;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-btn:var(--radius-pill);--radius-pill:999px;--dur-fast:160ms;--dur-med:320ms;--dur-slow:650ms;--ease-out:cubic-bezier(0.16,1,0.3,1);--transition:var(--dur-fast) var(--ease-out)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background-color:var(--bg-main);color:var(--text-pure);line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden}a{text-decoration:none;color:inherit}.container{max-width:1400px;margin:0 auto;padding:0 40px}.section{padding:80px 0}.page-intro{margin-bottom:48px;text-align:center}.page-intro h1{font-size:var(--fs-h1);font-weight:800;margin-bottom:16px}.page-intro p{color:var(--text-muted);max-width:680px;margin:0 auto}.public-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));grid-gap:24px;gap:24px;margin-top:40px}.public-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:28px}.public-card h2,.public-card h3{font-size:var(--fs-h3);line-height:1.3;margin-bottom:12px}.public-card li,.public-card p{color:var(--text-muted);font-size:15px;line-height:1.7}.public-card ul{padding-left:18px}.card-kicker{color:var(--brand-blue);font-size:11px;font-weight:800;letter-spacing:.1em;margin-bottom:12px;text-transform:uppercase}.header{display:flex;align-items:center;justify-content:space-between;height:72px;border-bottom:1px solid var(--border-light);background:rgba(5,5,6,.85);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);position:-webkit-sticky;position:sticky;top:0;z-index:100}@media (max-width:768px){.header{-webkit-backdrop-filter:none;backdrop-filter:none;background:#050506}}.brand{display:flex;align-items:center;gap:12px;font-weight:700;font-size:16px;letter-spacing:.1em;text-transform:uppercase;flex-shrink:0}.brand img{width:24px;height:24px}.nav-links{display:flex;align-items:center;gap:8px}.nav-drop-btn,.nav-links>a{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 12px;border:none;border-radius:var(--radius-sm);background:transparent;font-family:inherit;font-size:13px;font-weight:500;color:var(--text-muted);cursor:pointer;transition:color var(--transition),background var(--transition)}.nav-drop-btn:hover,.nav-links>a:hover{color:var(--text-pure);background:rgba(255,255,255,.05)}.nav-drop{position:relative}.nav-drop-btn svg{transition:transform var(--transition)}.nav-drop:focus-within .nav-drop-btn svg,.nav-drop:hover .nav-drop-btn svg{transform:rotate(180deg)}.nav-drop-panel{position:absolute;top:calc(100% + 8px);left:0;min-width:240px;padding:8px;background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:0 16px 40px rgba(0,0,0,.5);display:flex;flex-direction:column;opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity var(--transition),transform var(--transition),visibility var(--transition)}.nav-drop:focus-within .nav-drop-panel,.nav-drop:hover .nav-drop-panel{opacity:1;visibility:visible;transform:none}.nav-drop-panel a{padding:9px 12px;border-radius:var(--radius-sm);font-size:13.5px;color:var(--text-muted);transition:color var(--transition),background var(--transition)}.nav-drop-panel a:hover{color:var(--text-pure);background:rgba(255,255,255,.05)}.nav-auth{display:flex;align-items:center;gap:16px;flex-shrink:0}.nav-burger{display:none;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:transparent;color:var(--text-pure);cursor:pointer}.nav-mobile{position:fixed;top:72px;left:0;right:0;bottom:0;z-index:99;overflow-y:auto;background:var(--bg-main);border-top:1px solid var(--border-light);padding:24px;gap:28px}.nav-mobile,.nav-mobile-group{display:flex;flex-direction:column}.nav-mobile-group{gap:4px}.nav-mobile-head{font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim);margin-bottom:8px}.nav-mobile-group a{padding:11px 12px;border-radius:var(--radius-sm);font-size:15px;color:var(--text-muted)}.nav-mobile-group a:active,.nav-mobile-group a:hover{color:var(--text-pure);background:rgba(255,255,255,.05)}.nav-mobile-auth{display:flex;gap:12px;padding-top:8px;border-top:1px solid var(--border-light)}.nav-mobile-auth .btn{flex:1 1}.btn{display:inline-flex;align-items:center;justify-content:center;height:40px;padding:0 20px;border-radius:var(--radius-btn);font-size:14px;font-weight:600;cursor:pointer;transition:all var(--transition)}.btn-login{background:transparent;color:var(--text-pure);border:1px solid var(--border-strong)}.btn-login:hover{background:rgba(255,255,255,.05)}.btn-signup{background:var(--btn-grad);color:#fff;border:none}.btn-signup:hover{box-shadow:0 0 20px var(--brand-blue-glow)}.hero{padding:120px 0 80px;text-align:center;position:relative}.hero:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(800px,100%);height:800px;background:radial-gradient(circle,var(--brand-blue-soft) 0,transparent 60%);z-index:-1;pointer-events:none}.hero h1{font-size:var(--fs-hero);font-weight:800;line-height:1.05;letter-spacing:-.02em;margin-bottom:24px}.text-blue{color:var(--brand-blue)}.hero p{font-size:var(--fs-body-lg);color:var(--text-muted);max-width:640px;line-height:1.6;margin:0 auto 48px}.search-container{max-width:720px;margin:0 auto;position:relative;display:flex;background:var(--bg-card);border:1px solid var(--border-strong);border-radius:var(--radius-pill);padding:8px;transition:all var(--transition)}.search-container:focus-within{border-color:var(--brand-blue);box-shadow:0 0 0 4px var(--brand-blue-soft)}.search-input{flex:1 1;background:transparent;border:none;padding:0 24px;font-size:18px;color:var(--text-pure);outline:none;font-family:inherit}.search-input::placeholder{color:var(--text-dim)}.categories{display:flex;justify-content:center;gap:16px;margin-top:40px;flex-wrap:wrap}.cat-pill{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:transparent;border:1px solid var(--border-strong);border-radius:var(--radius-pill);font-weight:600;font-size:15px;color:var(--text-muted);transition:all var(--transition);cursor:pointer;font-family:inherit}.cat-pill:hover{background:rgba(255,255,255,.05);color:var(--text-pure);border-color:var(--text-pure)}.cat-pill.active{background:var(--text-pure)!important;color:var(--bg-main)!important;border-color:var(--text-pure)!important}.trending{padding:80px 0;border-top:1px solid var(--border-light);border-bottom:1px solid var(--border-light);position:relative}.section-kicker{font-size:11px;font-weight:800;color:var(--brand-blue);text-transform:uppercase;letter-spacing:.1em;margin-bottom:8px}.section-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:40px}.section-header h2{font-size:var(--fs-h2);font-weight:700}.btn-view-all{height:36px;padding:0 16px;background:transparent;color:var(--text-pure);border:1px solid var(--border-strong);font-size:13px;display:flex;align-items:center;gap:8px;border-radius:var(--radius-btn);transition:all var(--transition)}.btn-view-all:hover{background:rgba(255,255,255,.05)}.carousel{overflow:hidden;width:100%;padding:12px 0 24px;position:relative}.carousel:after,.carousel:before{content:"";position:absolute;top:0;bottom:0;width:180px;z-index:10;pointer-events:none;transition:opacity var(--transition)}.carousel:before{left:0;background:linear-gradient(to right,var(--bg-main) 10%,transparent 100%)}.carousel:after{right:0;background:linear-gradient(to left,var(--bg-main) 10%,transparent 100%)}.carousel-track{display:flex;gap:24px;width:max-content;animation:scroll-carousel 30s linear infinite}.carousel-track:hover{animation-play-state:paused}@media (max-width:640px){.carousel{overflow-x:auto;-webkit-overflow-scrolling:touch}.carousel-track{animation:none;will-change:auto}.carousel:after,.carousel:before{display:none}}@keyframes scroll-carousel{0%{transform:translateX(0)}to{transform:translateX(calc(-50% - 12px))}}.trending-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));grid-gap:24px;gap:24px;margin-top:40px}@media (max-width:400px){.trending-grid{grid-template-columns:1fr}.trending-grid .t-card{min-width:100%!important}}.t-card{min-width:340px;background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:24px;display:flex;flex-direction:column;transition:all var(--transition)}.t-card:hover{background:var(--bg-card-hover);border-color:var(--border-strong);transform:translateY(-4px);box-shadow:0 12px 24px rgba(0,0,0,.4)}.t-tag{align-self:flex-start;font-size:10px;font-weight:700;color:var(--brand-blue);background:var(--brand-blue-soft);padding:4px 8px;border-radius:4px;text-transform:uppercase;letter-spacing:.05em;margin-bottom:16px}.t-card-logo{width:36px;height:36px;border-radius:8px;background:rgba(255,255,255,.04);border:1px solid var(--border-light);display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.t-card-logo img{width:100%;height:100%;object-fit:contain;padding:4px;background:transparent}.t-card-logo span{display:none}.t-card-logo.fallback span{display:block;font-size:13px;font-weight:700;color:var(--text-muted);text-transform:uppercase}.t-card h3{font-size:var(--fs-h3);font-weight:700;margin-bottom:8px;line-height:1.3}.t-card-desc{font-size:13.5px;color:var(--text-muted);line-height:1.5;margin-bottom:16px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.t-meta{gap:12px;font-size:12px;color:var(--text-muted);margin-bottom:24px}.t-meta,.t-meta span{display:flex;align-items:center}.t-meta span{gap:4px}.t-footer{margin-top:auto;display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px solid var(--border-light)}.t-footer-label{font-size:11px;color:var(--text-dim);margin-bottom:2px}.t-footer-value{font-size:14px;font-weight:700;color:var(--text-pure)}.t-arrow{color:var(--text-muted);transition:color var(--transition)}.t-card:hover .t-arrow{color:var(--text-pure)}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:32px;gap:32px;margin-top:64px}.feature-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:40px 32px;transition:all var(--transition)}.feature-card:hover{background:var(--bg-card-hover);border-color:var(--border-strong)}.feature-icon{width:48px;height:48px;color:var(--brand-blue);background:var(--brand-blue-soft);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:24px}.feature-card h3{font-size:var(--fs-h3);font-weight:700;margin-bottom:12px}.feature-card p{color:var(--text-muted)}@media (max-width:1024px){.features-grid{grid-template-columns:1fr}.nav-auth .btn-login,.nav-auth .btn-signup,.nav-links{display:none}.nav-burger,.nav-mobile-auth .btn-login,.nav-mobile-auth .btn-signup{display:inline-flex}.search-container{flex-direction:column;border-radius:var(--radius-md);padding:16px}.hero .btn-signup{width:100%;height:48px;display:inline-flex}}.auth-page{display:flex;min-height:100vh;background-color:var(--bg-main);background-image:var(--page-glow);background-repeat:no-repeat;color:var(--text-pure);overflow:hidden}.auth-left{flex:1 1;display:flex;flex-direction:column;padding:40px;max-width:800px}.auth-right{flex:1 1;background-color:transparent;display:flex;align-items:center;justify-content:center;position:relative;border-left:1px solid rgba(255,255,255,.04)}.auth-logo-bg{height:85%;width:auto;object-fit:contain;opacity:.04;position:absolute;right:-10%;transform:scale(1.2)}.auth-nav{margin-bottom:auto}.auth-nav .brand{font-size:20px}.auth-content{max-width:440px;margin:auto;width:100%}.auth-content h1{font-size:var(--fs-hero);font-weight:800;line-height:1.1;letter-spacing:-.03em;margin-bottom:48px}.sso-btn{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;height:44px;background:#ffffff;color:#000000;border:none;border-radius:24px;font-size:15px;font-weight:600;cursor:pointer;margin-bottom:16px;transition:opacity .2s}.sso-btn:hover{opacity:.9}.sso-btn svg{width:20px;height:20px}.auth-divider{display:flex;align-items:center;text-align:center;margin:16px 0 24px;color:var(--text-dim);font-size:14px}.auth-divider:after,.auth-divider:before{content:"";flex:1 1;border-bottom:1px solid var(--border-strong)}.auth-divider:not(:empty):before{margin-right:.5em}.auth-divider:not(:empty):after{margin-left:.5em}.auth-input-group{margin-bottom:24px}.auth-input{width:100%;height:52px;background:transparent;border:1px solid var(--border-strong);border-radius:4px;padding:0 16px;color:var(--text-pure);font-size:16px;font-family:inherit;transition:border-color .2s}.auth-input:focus{outline:none;border-color:var(--brand-blue);box-shadow:0 0 0 1px var(--brand-blue)}.btn-auth-submit{width:100%;height:44px;background:#333333;color:var(--text-muted);border:none;border-radius:24px;font-size:15px;font-weight:700;cursor:not-allowed;margin-bottom:24px}.btn-auth-submit.active{background:var(--text-pure);color:#000000;cursor:pointer}.auth-terms{font-size:12px;color:var(--text-muted);line-height:1.5;margin-bottom:32px}.auth-terms a{color:var(--brand-blue)}.auth-terms a:hover{text-decoration:underline}.auth-toggle{font-size:14px;color:var(--text-muted)}.auth-toggle a{color:var(--brand-blue);margin-left:4px}.auth-toggle a:hover{text-decoration:underline}@media (max-width:900px){.auth-right{display:none}.auth-left{padding:24px;margin:0 auto}.auth-content{padding-left:0}}.footer{border-top:1px solid var(--border-light);padding:80px 0 40px;margin-top:auto;background:var(--bg-main)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;grid-gap:48px;gap:48px;margin-bottom:64px}.footer-brand .brand{margin-bottom:16px}.footer-desc{color:var(--text-muted);font-size:15px;line-height:1.6;max-width:300px}.footer-store-badge{display:inline-flex;align-items:center;gap:12px;margin-top:24px;padding:9px 18px;border:1px solid rgba(255,255,255,.16);border-radius:12px;background:rgba(255,255,255,.03);color:#fff;text-decoration:none;transition:border-color .2s ease,background .2s ease,transform .2s ease}.footer-store-badge:hover{border-color:var(--brand-blue);background:var(--brand-blue-soft);transform:translateY(-1px)}.footer-store-badge svg{flex-shrink:0}.footer-store-badge-text{display:flex;flex-direction:column;line-height:1.15;font-size:17px;font-weight:600;letter-spacing:.01em}.footer-store-badge-text small{font-size:10px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.footer-col h4{color:var(--text-pure);font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:24px}.footer-col a{display:block;color:var(--text-muted);font-size:15px;margin-bottom:16px;transition:color .2s}.footer-col a:hover{color:var(--text-pure)}.footer-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--border-strong);padding-top:32px;color:var(--text-dim);font-size:14px}@media (max-width:900px){.footer-grid{grid-template-columns:1fr 1fr}}@media (max-width:600px){.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:16px;text-align:center}}@media (prefers-reduced-motion:reduce){.carousel-track,.kanban-card.moving,.marquee-track,.pulse-dot,.spine-progress,.tab-panel.active{animation:none!important}.reveal{opacity:1;transform:none;transition:none}.carousel{overflow-x:auto}*,:after,:before{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}