.auth-container{min-height:100vh;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;background:radial-gradient(ellipse at 20% 30%,rgba(255,0,110,.12) 0,transparent 50%),radial-gradient(ellipse at 80% 70%,rgba(131,56,236,.15) 0,transparent 50%),radial-gradient(ellipse at 50% 50%,rgba(131,56,236,.05) 0,transparent 70%),linear-gradient(180deg,#0a0a0a 0,#0d0818 30%,#150a20 60%,#0f0a14 100%);color-scheme:dark;position:relative;overflow:hidden}.auth-container::before{content:'';position:absolute;top:-20%;left:-10%;width:50%;height:50%;background:radial-gradient(circle,rgba(255,0,110,.08) 0,transparent 70%);pointer-events:none;animation:float-slow 20s ease-in-out infinite}.auth-container::after{content:'';position:absolute;bottom:-20%;right:-10%;width:60%;height:60%;background:radial-gradient(circle,rgba(131,56,236,.1) 0,transparent 70%);pointer-events:none;animation:float-slow 25s ease-in-out infinite reverse}@keyframes float-slow{0%,100%{transform:translate(0,0)}50%{transform:translate(30px,-20px)}}.auth-container .title{margin-bottom:.5rem;position:relative;z-index:1}.auth-container .title .logo-link{text-decoration:none;font-size:2.75rem;font-weight:900}.auth-container .title .fit{color:#ff006e}.auth-container .title .glue{color:#8338ec}.auth-container h2{font-size:1.5rem;color:#f5f5f5;margin-bottom:2rem;font-weight:600;position:relative;z-index:1}.auth-box{background:rgba(26,26,26,.85);border:1px solid rgba(255,255,255,.1);border-radius:1.25rem;padding:2.5rem;width:100%;max-width:480px;backdrop-filter:blur(20px);position:relative;z-index:1;box-shadow:0 8px 32px rgba(0,0,0,.4),0 0 80px rgba(131,56,236,.08)}.auth-description{color:#a5a5a5;font-size:.9rem;margin-bottom:1rem;line-height:1.5}.input-group{margin-bottom:1rem}.input-group input{width:100%;padding:.875rem 1rem;font-size:1rem;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.15);border-radius:.5rem;color:#f5f5f5;transition:border-color .2s ease,box-shadow .2s ease;box-sizing:border-box}.input-group input:focus{outline:0;border-color:#ff006e;box-shadow:0 0 0 3px rgba(255,0,110,.15)}.input-group input::placeholder{color:#666}.forgot-password-link{display:block;text-align:right;color:#8338ec;font-size:.875rem;margin-bottom:1.5rem;text-decoration:none;transition:color .2s ease}.forgot-password-link:hover{color:#ff006e}.auth-box .btn{width:100%;padding:.875rem 1.5rem;font-size:1rem;font-weight:600;border-radius:.5rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;border:none}.auth-box .btn.primary{background:linear-gradient(135deg,#ff006e 0,#8338ec 100%);color:#fff;box-shadow:0 4px 15px rgba(255,0,110,.3)}.auth-box .btn.primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px rgba(255,0,110,.4)}.auth-box .btn.secondary{background:rgba(255,255,255,.05);color:#f5f5f5;border:1px solid rgba(255,255,255,.15)}.auth-box .btn.secondary:hover:not(:disabled){background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.25)}.auth-box .btn.text{background:0 0;color:#a5a5a5}.auth-box .btn.text:hover:not(:disabled){color:#f5f5f5}.auth-box .btn:disabled{opacity:.6;cursor:not-allowed}.auth-box .btn.facebook-btn{color:#1877f2}.divider{display:flex;align-items:center;margin:1.5rem 0;color:#666;font-size:.875rem}.divider::after,.divider::before{content:'';flex:1;height:1px;background:rgba(255,255,255,.1)}.divider::before{margin-right:1rem}.divider::after{margin-left:1rem}.switch-auth{text-align:center;color:#a5a5a5;font-size:.9rem;margin-top:1.5rem}.switch-auth a{color:#8338ec;text-decoration:none;font-weight:600;transition:color .2s ease}.switch-auth a:hover{color:#ff006e}.auth-message{padding:.875rem 1rem;border-radius:.5rem;margin-bottom:1rem;font-size:.9rem;cursor:pointer}.auth-message.error{background:rgba(255,59,48,.15);border:1px solid rgba(255,59,48,.3);color:#ff6b6b}.auth-message.success{background:rgba(52,199,89,.15);border:1px solid rgba(52,199,89,.3);color:#34c759}.redirect-message{color:#666;font-size:.875rem;margin-top:1rem}.verification-content p{text-align:center}.verification-content strong{color:#f5f5f5}.facebook-btn svg,.google-btn svg{flex-shrink:0}*{margin:0;padding:0;box-sizing:border-box}:root{--color-primary:#FF006E;--color-primary-light:#FF4D94;--color-primary-dark:#CC0058;--color-secondary:#8338EC;--color-secondary-light:#9D5CF5;--color-secondary-dark:#6B2DC2;--color-accent:#3A86FF;--color-success:#06FFA5;--color-warning:#FFD60A;--color-bg:#0A0A0A;--color-bg-elevated:#151515;--color-bg-card:rgba(255, 255, 255, 0.03);--color-text:#FFFFFF;--color-text-muted:#A0A0A0;--color-text-subtle:#666666;--gradient-primary:linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%);--gradient-hero:linear-gradient(180deg, var(--color-bg) 0%, #0D0818 50%, #150A20 100%);--gradient-glow:radial-gradient(ellipse at center, rgba(131, 56, 236, 0.15) 0%, transparent 70%);--shadow-glow-pink:0 0 60px rgba(255, 0, 110, 0.3);--shadow-glow-purple:0 0 60px rgba(131, 56, 236, 0.3);--shadow-card:0 4px 24px rgba(0, 0, 0, 0.3);--shadow-card-hover:0 12px 40px rgba(131, 56, 236, 0.25);--space-xs:0.5rem;--space-sm:1rem;--space-md:2rem;--space-lg:4rem;--space-xl:6rem;--space-xxl:8rem;--font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.25rem;--font-size-xl:1.5rem;--font-size-2xl:2rem;--font-size-3xl:3rem;--font-size-4xl:4rem;--font-size-hero:clamp(3rem, 10vw, 6rem);--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-xl:30px;--radius-full:50px;--transition-fast:0.15s ease;--transition-normal:0.3s ease;--transition-slow:0.5s ease}@media (max-width:768px){:root{--space-xxl:5rem;--space-xl:4rem;--space-lg:3rem}.section{padding:var(--space-xl) 0}.hero{min-height:90vh}.hero-tagline{font-size:var(--font-size-lg);margin-bottom:var(--space-md)}.feature-card,.integration-card,.problem-card{padding:var(--space-md)}.cta-section{padding:var(--space-xl) 0}}html{scroll-behavior:smooth;overflow-x:clip}body{font-family:var(--font-family);background:var(--color-bg);color:var(--color-text);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;width:100%;max-width:100vw}main{overflow-x:hidden;max-width:100vw}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}h1,h2,h3,h4,h5,h6{font-weight:800;line-height:1.2;letter-spacing:-.02em}h1{font-size:var(--font-size-hero)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}.text-gradient{background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;background-repeat:no-repeat;background-origin:content-box;letter-spacing:.0075rem}.text-muted{color:var(--color-text-muted)}.container{max-width:1200px;margin:0 auto;padding:0 var(--space-md);width:100%;box-sizing:border-box}.container-wide{max-width:1400px;margin:0 auto;padding:0 var(--space-md)}.section{padding:var(--space-xxl) 0}.section-alt{background:var(--color-bg-elevated)}.header{position:fixed;top:0;left:0;right:0;z-index:1000;padding:var(--space-sm) 0;background:rgba(10,10,10,.8);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.05)}.header-inner{display:flex;justify-content:space-between;align-items:center}.logo{font-size:var(--font-size-xl);font-weight:900;display:flex;gap:0}.logo-fit{color:var(--color-primary)}.logo-glue{color:var(--color-secondary)}.nav{display:flex;align-items:center;gap:var(--space-lg)}.nav-links{display:flex;align-items:center;gap:var(--space-md);list-style:none}.nav-actions{display:flex;align-items:center;gap:var(--space-sm)}.nav-link{font-weight:600;color:var(--color-text-muted);transition:color var(--transition-fast);position:relative}.nav-link.active,.nav-link:hover{color:var(--color-text)}.nav-link::after{content:'';position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--gradient-primary);transition:width var(--transition-normal)}.nav-link.active::after,.nav-link:hover::after{width:100%}.nav-link-cta::after,.nav-link-ghost::after{display:none}.nav-toggle{display:none;background:0 0;border:none;cursor:pointer;padding:var(--space-xs)}.nav-toggle span{display:block;width:24px;height:2px;background:var(--color-text);margin:5px 0;transition:var(--transition-fast)}@media (max-width:768px){.nav-toggle{display:block}.nav-links{display:none;position:absolute;top:100%;left:0;right:0;background:var(--color-bg-elevated);flex-direction:column;padding:var(--space-md);border-bottom:1px solid rgba(255,255,255,.1);z-index:100}.nav-links.active{display:flex}.nav-auth{margin-top:var(--space-xs)}.nav-auth .nav-link{display:block;text-align:center;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md)}}.nav-link-ghost{display:inline-block;padding:.5rem 1.25rem!important;border-radius:var(--radius-full);border:1px solid rgba(255,255,255,.3);color:var(--color-text)!important;font-weight:600;transition:all var(--transition-normal)}.nav-link-cta,.nav-link-ghost{vertical-align:middle}.nav-link-ghost:hover{border-color:rgba(255,255,255,.6);background:rgba(255,255,255,.1);text-decoration:none!important;transform:translateY(-3px) scale(1.02)!important}.nav-link-cta{display:inline-block;background:var(--gradient-primary);padding:.5rem 1.25rem!important;border-radius:var(--radius-full);font-weight:700;color:#fff!important;box-shadow:var(--shadow-glow-pink);transition:all var(--transition-normal)}.nav-link-cta:hover{transform:translateY(-3px) scale(1.02)!important;box-shadow:0 0 80px rgba(255,0,110,.4)!important;text-decoration:none!important}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:.875rem 1.75rem;font-size:var(--font-size-base);font-weight:700;border-radius:var(--radius-full);border:none;cursor:pointer;transition:all var(--transition-normal);text-transform:uppercase;letter-spacing:.05em}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-glow-pink)}.btn-primary:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 0 80px rgba(255,0,110,.4)}.btn-secondary{background:0 0;color:var(--color-text);border:2px solid rgba(255,255,255,.2)}.btn-secondary:hover{border-color:var(--color-primary);background:rgba(255,0,110,.1)}.btn-lg{padding:1.125rem 2.5rem;font-size:var(--font-size-lg)}.btn-sm{padding:.5rem 1.25rem;font-size:var(--font-size-sm)}.btn-ghost{background:0 0;color:var(--color-text);border:1px solid rgba(255,255,255,.2)}.btn-ghost:hover{background:rgba(255,255,255,.1);border-color:var(--color-primary);transform:translateY(-2px)}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;background:var(--gradient-hero);position:relative;overflow:hidden;padding-top:80px}.hero::before{content:'';position:absolute;top:50%;left:50%;width:150%;height:150%;transform:translate(-50%,-50%);background:var(--gradient-glow);pointer-events:none}.hero::after{content:'';position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cpattern id='grid' width='60' height='60' patternUnits='userSpaceOnUse'%3E%3Cpath d='M 60 0 L 0 0 0 60' fill='none' stroke='rgba(255,255,255,0.03)' stroke-width='1'/%3E%3C/pattern%3E%3C/defs%3E%3Crect width='100%25' height='100%25' fill='url(%23grid)'/%3E%3C/svg%3E");pointer-events:none}.hero-content{position:relative;z-index:1;max-width:900px;padding:0 var(--space-md)}.hero-title{margin-bottom:var(--space-md);animation:fade-in-up .8s ease-out}.hero-title .fit{color:var(--color-primary);display:inline-block;animation:slide-in-left .6s ease-out}.hero-title .glue{color:var(--color-secondary);display:inline-block;animation:slide-in-right .6s ease-out .1s both}.hero-tagline{font-size:var(--font-size-xl);color:var(--color-text-muted);margin-bottom:var(--space-lg);animation:fade-in-up .8s ease-out .2s both}.hero-cta{display:flex;gap:var(--space-sm);justify-content:center;flex-wrap:wrap;animation:fade-in-up .8s ease-out .4s both}.data-flow{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);margin:var(--space-xl) 0;animation:fade-in-up .8s ease-out .3s both}.data-flow-node{padding:var(--space-sm) var(--space-md);background:var(--color-bg-card);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);backdrop-filter:blur(10px);font-weight:600;transition:all var(--transition-normal)}.data-flow-node:hover{border-color:var(--color-primary);box-shadow:var(--shadow-glow-pink)}.data-flow-node.source{border-color:rgba(255,0,110,.3)}.data-flow-node.center{background:var(--gradient-primary);border:none;font-weight:800}.data-flow-node.destination{border-color:rgba(131,56,236,.3)}.data-flow-arrow{width:40px;height:4px;background:var(--gradient-primary);border-radius:2px;position:relative;animation:pulse-width 2s ease-in-out infinite}.data-flow-arrow::after{content:'';position:absolute;right:-6px;top:50%;transform:translateY(-50%);border:6px solid transparent;border-left-color:var(--color-secondary)}@media (max-width:640px){.data-flow{flex-direction:column}.data-flow-arrow{width:4px;height:30px;transform:rotate(90deg)}}.problem-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-md);margin-top:var(--space-lg)}.problem-card{padding:var(--space-lg);background:var(--color-bg-card);border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-lg);text-align:center;transition:all var(--transition-normal)}.problem-card:hover{border-color:rgba(255,0,110,.3);transform:translateY(-5px)}.problem-icon{font-size:3rem;margin-bottom:var(--space-sm)}.problem-card h3{font-size:var(--font-size-lg);margin-bottom:var(--space-xs)}.problem-card p{color:var(--color-text-muted);font-size:var(--font-size-sm)}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--space-md)}.feature-card{padding:var(--space-lg);background:var(--color-bg-card);border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-lg);transition:all var(--transition-normal);position:relative;overflow:hidden}.feature-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-primary);transform:scaleX(0);transition:transform var(--transition-normal)}.feature-card:hover{border-color:rgba(131,56,236,.3);transform:translateY(-8px);box-shadow:var(--shadow-card-hover)}.feature-card:hover::before{transform:scaleX(1)}.feature-icon{font-size:2.5rem;margin-bottom:var(--space-sm);display:block}.feature-icon-jpg,.feature-icon-png,.feature-icon-svg{height:3.5rem;width:auto;max-width:100%;object-fit:contain;margin-bottom:var(--space-sm);display:block;background:#fff;padding:.5rem;border-radius:var(--radius-md);box-shadow:0 2px 8px rgba(0,0,0,.1)}.feature-card h3{font-size:var(--font-size-lg);margin-bottom:var(--space-xs)}.feature-card p{color:var(--color-text-muted)}.integrations-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-md)}.integration-card{padding:var(--space-lg);background:var(--color-bg-card);border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-lg);text-align:center;transition:all var(--transition-normal)}.integration-card:hover{border-color:var(--color-primary);transform:translateY(-5px) scale(1.02);box-shadow:var(--shadow-card-hover)}.integration-logo{width:64px;height:64px;margin:0 auto var(--space-sm);display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.05);border-radius:var(--radius-md)}.integration-logo img{max-width:48px;max-height:48px}.integration-name{font-weight:700;margin-bottom:var(--space-xs)}.integration-status{display:inline-block;padding:.25rem .75rem;font-size:var(--font-size-xs);font-weight:700;text-transform:uppercase;border-radius:var(--radius-full)}.integration-status.live{background:rgba(6,255,165,.15);color:var(--color-success)}.integration-status.coming{background:rgba(255,214,10,.15);color:var(--color-warning)}.integration-status.beta{background:rgba(131,56,236,.15);color:var(--color-secondary-light)}.integration-status.booster{background:rgba(131,56,236,.15);color:var(--color-secondary-light)}.integration-card-link{text-decoration:none;color:inherit;display:block}.integration-card.hoverable{position:relative;cursor:pointer}.integration-card.hoverable:hover{border-color:var(--color-primary);transform:translateY(-5px) scale(1.02);box-shadow:var(--shadow-card-hover)}.integration-card.coming-soon{opacity:.6;cursor:default}.integration-card.coming-soon:hover{transform:none;border-color:rgba(255,255,255,.05)}.integration-emoji{font-size:2rem}.integration-arrow{position:absolute;top:50%;right:var(--space-md);transform:translateY(-50%);font-size:1.25rem;opacity:0;transition:all var(--transition-normal);color:var(--color-primary)}.integration-card.hoverable:hover .integration-arrow{opacity:1;transform:translateY(-50%) translateX(5px)}.booster-card{background:linear-gradient(135deg,var(--color-bg-card) 0,rgba(131,56,236,.1) 100%)}.booster-category{margin-bottom:var(--space-xl)}.category-title{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md);font-size:var(--font-size-xl);font-weight:600}.category-emoji{font-size:1.5rem}.premium-badge{display:inline-flex;align-items:center;background:linear-gradient(135deg,gold 0,#b8860b 100%);color:#1a1a1a;font-weight:700;font-size:.625rem;letter-spacing:.05em;padding:.125rem .375rem;border-radius:.25rem;text-transform:uppercase;box-shadow:0 1px 3px rgba(255,215,0,.3);margin-left:var(--space-xs)}.feature-card.premium{border:1px solid rgba(255,215,0,.3);background:linear-gradient(135deg,var(--color-bg-card) 0,rgba(255,215,0,.05) 50%,var(--color-bg-card) 100%)}.feature-card.premium:hover{border-color:rgba(255,215,0,.5)}.feature-card-header{display:flex;align-items:center;margin-bottom:var(--space-xs);position:relative}.feature-card-link{text-decoration:none;color:inherit;display:block}.feature-card.hoverable{cursor:pointer}.feature-card.hoverable:hover{border-color:var(--color-primary);transform:translateY(-8px) scale(1.02);box-shadow:var(--shadow-card-hover)}.info-card{background:0 0;border:1px dashed var(--color-border);border-radius:var(--radius-lg);padding:var(--space-md);text-align:left}.info-card .feature-icon{font-size:1.5rem;margin-bottom:var(--space-xs);opacity:.8}.info-card h3{font-size:var(--font-size-base);font-weight:600;margin-bottom:var(--space-xs);color:var(--color-text-muted)}.info-card p{font-size:var(--font-size-sm);color:var(--color-text-muted);opacity:.8;line-height:1.5}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-md);margin-bottom:var(--space-lg)}.breadcrumb{display:flex;gap:var(--space-xs);justify-content:center;margin-bottom:var(--space-lg);font-size:var(--font-size-sm);color:var(--color-text-muted)}.breadcrumb a{color:var(--color-primary);text-decoration:none}.breadcrumb a:hover{text-decoration:underline}.integration-hero-emoji{font-size:6rem;display:block;margin:0 auto var(--space-md)}.integration-hero-icon-jpg,.integration-hero-icon-png,.integration-hero-icon-svg{height:6rem;width:auto;max-width:200px;object-fit:contain;display:block;margin:0 auto var(--space-md);background:#fff;padding:1rem;border-radius:var(--radius-lg);box-shadow:0 4px 16px rgba(0,0,0,.2)}.hero-badges{display:flex;gap:var(--space-sm);justify-content:center;margin-top:var(--space-md);position:relative}.hero-badges .integration-status{padding:.5rem 1.25rem;font-size:var(--font-size-sm);letter-spacing:.05em}.hero-badges .coming-badge{position:static;display:inline-block;padding:.5rem 1.25rem;font-size:var(--font-size-sm);letter-spacing:.05em}.integration-type-badge{display:inline-block;padding:.25rem .75rem;font-size:var(--font-size-xs);font-weight:700;background:rgba(255,255,255,.1);border-radius:var(--radius-full);color:var(--color-text-muted)}.integration-content h2{margin-top:var(--space-lg);margin-bottom:var(--space-sm);font-size:var(--font-size-xl)}.integration-content h2:first-child{margin-top:0}.integration-content p{color:var(--color-text-muted);line-height:1.7;margin-bottom:var(--space-sm)}.feature-list{list-style:none;padding:0;margin-bottom:var(--space-lg)}.feature-list li{padding:var(--space-xs) 0;color:var(--color-text);font-size:var(--font-size-base)}.setup-steps,.setup-steps-list{display:flex;flex-direction:column;gap:var(--space-md);margin:var(--space-md) 0}.setup-step{display:flex;gap:var(--space-md);align-items:flex-start;padding:var(--space-md) var(--space-lg);background:var(--color-bg-elevated);border-radius:var(--radius-lg);border-left:4px solid var(--color-primary);transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.setup-step:hover{transform:translateX(4px);box-shadow:var(--shadow-card-hover)}.step-number{display:flex;align-items:center;justify-content:center;width:56px;height:56px;background:var(--gradient-primary);color:#fff;font-weight:700;font-size:var(--font-size-xl);border-radius:var(--radius-full);flex-shrink:0;box-shadow:var(--shadow-glow-pink)}.step-content h4{margin-bottom:var(--space-xs);font-size:var(--font-size-lg);font-weight:600}.step-content p{margin:0;font-size:var(--font-size-base);color:var(--color-text-muted)}@media (max-width:768px){.setup-step{flex-direction:column;padding:var(--space-sm) var(--space-md);gap:var(--space-sm);border-left:3px solid var(--color-primary)}.setup-step:hover{transform:none}.step-number{width:40px;height:40px;font-size:var(--font-size-base)}.feature-highlight{padding:var(--space-md)!important;margin:var(--space-md) 0!important}.setup-steps,.setup-steps-list{gap:var(--space-sm)}}.required-connections-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-md);margin-top:var(--space-md)}.connection-card{display:flex;gap:var(--space-md);align-items:center;padding:var(--space-md);background:var(--color-bg-elevated);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);text-decoration:none;color:inherit;transition:all var(--transition-normal)}.connection-card:hover{border-color:var(--color-primary);transform:translateY(-4px);box-shadow:var(--shadow-card-hover)}.connection-card-icon{font-size:2.5rem;flex-shrink:0}.connection-card-icon-jpg,.connection-card-icon-png,.connection-card-icon-svg{height:2.5rem;width:auto;max-width:100%;object-fit:contain;flex-shrink:0;background:#fff;padding:.5rem;border-radius:var(--radius-md);box-shadow:0 2px 8px rgba(0,0,0,.1)}.connection-card-content h4{margin:0 0 var(--space-xs);font-size:var(--font-size-lg);font-weight:600}.connection-card-content p{margin:0;font-size:var(--font-size-sm);color:var(--color-text-muted)}.config-list{display:flex;flex-direction:column;gap:var(--space-sm);margin-top:var(--space-md)}.config-item{padding:var(--space-md);background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md)}.config-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-xs)}.config-label{font-weight:600;font-size:var(--font-size-base)}.config-required{font-size:var(--font-size-xs);padding:.2rem .5rem;background:var(--color-primary);color:#fff;border-radius:var(--radius-sm);font-weight:600}.config-description{margin:0 0 var(--space-sm);font-size:var(--font-size-sm);color:var(--color-text-muted)}.config-options{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-top:var(--space-sm)}.config-option{padding:.4rem .8rem;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-full);font-size:var(--font-size-sm);color:var(--color-text-muted);transition:all var(--transition-fast)}.config-option.default{background:rgba(255,0,110,.15);border-color:var(--color-primary);color:var(--color-text)}.config-option-label{font-family:var(--font-family)}.config-toggle{display:flex;align-items:center;gap:var(--space-xs);margin-top:var(--space-sm);font-size:var(--font-size-sm)}.toggle-option{color:var(--color-text-muted)}.toggle-option.active{color:var(--color-primary);font-weight:600}.toggle-divider{color:var(--color-text-subtle)}.toggle-default{color:var(--color-text-subtle);font-size:var(--font-size-xs)}.transformations-list{display:flex;flex-direction:column;gap:var(--space-lg);margin:var(--space-md) 0}.transformation-card{background:var(--color-bg-elevated);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);padding:var(--space-md);overflow:hidden}.transformation-label{font-weight:700;font-size:var(--font-size-lg);margin-bottom:var(--space-md);color:var(--color-text);display:flex;align-items:center;gap:var(--space-xs)}.transformation-label::before{content:'📝'}.transformation-content{display:flex;gap:var(--space-md);align-items:stretch}@media (max-width:768px){.transformation-content{flex-direction:column}.transformation-arrow{transform:rotate(90deg)}}.transformation-after,.transformation-before{flex:1;padding:var(--space-md);border-radius:var(--radius-md);background:rgba(0,0,0,.3)}.transformation-before{border-left:3px solid var(--color-text-muted)}.transformation-after{border-left:3px solid var(--color-primary);background:rgba(255,0,110,.05)}.transformation-tag{font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-xs);color:var(--color-text-muted)}.transformation-after .transformation-tag{color:var(--color-primary)}.transformation-text{font-size:var(--font-size-sm);line-height:1.6;white-space:pre-wrap}.transformation-text p{margin:0 0 var(--space-xs)}.transformation-text p:last-child{margin-bottom:0}.transformation-arrow{display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;color:var(--color-primary);flex-shrink:0}.markdown-content h3{font-size:var(--font-size-xl);font-weight:700;margin:var(--space-lg) 0 var(--space-md);color:var(--color-text)}.markdown-content h3:first-child{margin-top:0}.markdown-content p{margin-bottom:var(--space-md);line-height:1.7}.before-after-container{display:flex;gap:var(--space-md);align-items:stretch;margin:var(--space-md) 0}@media (max-width:768px){.before-after-container{flex-direction:column}.before-after-arrow{transform:rotate(90deg)}}.before-after-card{flex:1;padding:var(--space-md);border-radius:var(--radius-lg);background:var(--color-bg-elevated);border:1px solid rgba(255,255,255,.1)}.before-after-card.before{border-color:rgba(255,255,255,.15)}.before-after-card.after{border-color:var(--color-primary);box-shadow:0 0 20px rgba(255,0,110,.15)}.before-after-label{font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-sm);color:var(--color-text-muted)}.before-after-card.after .before-after-label{color:var(--color-primary)}.before-after-content{font-size:var(--font-size-sm);white-space:pre-wrap;font-family:var(--font-family);line-height:1.6}.before-after-arrow{display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;color:var(--color-primary);flex-shrink:0}.use-case-list{list-style:none;padding:0;margin:var(--space-md) 0}.use-case-list li{position:relative;padding:var(--space-sm) 0 var(--space-sm) var(--space-lg);font-size:var(--font-size-base);color:var(--color-text)}.use-case-list li::before{content:'🎯';position:absolute;left:0;top:var(--space-sm)}.strava-preview{background:var(--color-bg-elevated);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);padding:var(--space-md);margin-top:var(--space-md)}.strava-preview-header{display:flex;gap:var(--space-sm);align-items:center;margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid rgba(255,255,255,.05)}.strava-icon{font-size:2rem}.strava-preview-header strong{display:block}.strava-meta{font-size:var(--font-size-xs);color:var(--color-text-muted)}.strava-preview-body p{margin-bottom:var(--space-xs);font-size:var(--font-size-sm)}.steps{display:flex;flex-direction:column;gap:var(--space-xl);position:relative}.steps::before{content:'';position:absolute;left:40px;top:0;bottom:0;width:2px;background:linear-gradient(180deg,var(--color-primary),var(--color-secondary))}.step{display:flex;gap:var(--space-lg);align-items:flex-start}.step-number{width:80px;height:80px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--gradient-primary);border-radius:50%;font-size:var(--font-size-2xl);font-weight:900;position:relative;z-index:1}.step-content{flex:1;padding-top:var(--space-sm)}.step-content h3{margin-bottom:var(--space-xs)}.step-content p{color:var(--color-text-muted)}@media (max-width:640px){.steps::before{left:24px}.step-number{width:48px;height:48px;font-size:var(--font-size-lg)}.step-content{min-width:0}.step-content .carousel{overflow-x:auto;-webkit-overflow-scrolling:touch}.step-content .carousel-track{padding-bottom:var(--space-sm)}}.cta-section{text-align:center;padding:var(--space-xxl) 0;background:var(--gradient-hero);position:relative}.cta-section::before{content:'';position:absolute;inset:0;background:var(--gradient-glow)}.cta-content{position:relative;z-index:1}.cta-title{margin-bottom:var(--space-md)}.cta-subtitle{font-size:var(--font-size-lg);color:var(--color-text-muted);margin-bottom:var(--space-lg);max-width:600px;margin-left:auto;margin-right:auto}.waitlist-form{max-width:500px;margin:0 auto}.waitlist-input-group{display:flex;gap:var(--space-xs);background:var(--color-bg-card);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-full);padding:.5rem}.waitlist-input{flex:1;background:0 0;border:none;padding:.75rem 1rem;font-size:var(--font-size-base);color:var(--color-text);outline:0}.waitlist-input::placeholder{color:var(--color-text-subtle)}.waitlist-success{text-align:center;padding:var(--space-md);background:rgba(6,255,165,.1);border:1px solid rgba(6,255,165,.3);border-radius:var(--radius-lg)}.waitlist-error{text-align:center;padding:var(--space-sm);color:#ff453a;margin-top:var(--space-sm)}.hp-field{position:absolute;left:-9999px}.footer{background:var(--color-bg-elevated);padding:var(--space-xl) 0 var(--space-md);border-top:1px solid rgba(255,255,255,.05)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:var(--space-lg);margin-bottom:var(--space-lg)}.footer-brand{max-width:300px}.footer-brand .logo{margin-bottom:var(--space-sm)}.footer-brand p{color:var(--color-text-muted);font-size:var(--font-size-sm)}.footer-heading{font-size:var(--font-size-sm);font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted);margin-bottom:var(--space-sm)}.footer-links{list-style:none}.footer-links li{margin-bottom:var(--space-xs)}.footer-links a{color:var(--color-text-muted);font-size:var(--font-size-sm);transition:color var(--transition-fast)}.footer-links a:hover{color:var(--color-primary)}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:var(--space-md);border-top:1px solid rgba(255,255,255,.05);font-size:var(--font-size-sm);color:var(--color-text-subtle)}.footer-social{display:flex;gap:var(--space-sm)}.footer-social a{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.05);border-radius:50%;transition:all var(--transition-fast)}.footer-social a:hover{background:var(--color-primary);transform:translateY(-2px)}@media (max-width:768px){.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.footer-bottom{flex-direction:column;gap:var(--space-sm);text-align:center}}@media (max-width:480px){.footer-grid{grid-template-columns:1fr}.footer-brand{grid-column:1;margin-bottom:var(--space-md)}.footer-column{text-align:center}.footer-social a{width:44px;height:44px}}@keyframes fade-in-up{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-in-left{from{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-in-right{from{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes pulse-width{0%,100%{transform:scaleX(1)}50%{transform:scaleX(1.3)}}.animate-on-scroll{opacity:0;transform:translateY(30px);transition:all .6s ease-out}.animate-on-scroll.visible{opacity:1;transform:translateY(0)}.stagger-children>*{opacity:0;transform:translateY(20px);transition:all .5s ease-out}.stagger-children.visible>:first-child{transition-delay:0s;opacity:1;transform:translateY(0)}.stagger-children.visible>:nth-child(2){transition-delay:0.1s;opacity:1;transform:translateY(0)}.stagger-children.visible>:nth-child(3){transition-delay:0.2s;opacity:1;transform:translateY(0)}.stagger-children.visible>:nth-child(4){transition-delay:0.3s;opacity:1;transform:translateY(0)}.stagger-children.visible>:nth-child(5){transition-delay:0.4s;opacity:1;transform:translateY(0)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mb-0{margin-bottom:0}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.mb-xl{margin-bottom:var(--space-xl)}.mt-0{margin-top:0}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mt-xl{margin-top:var(--space-xl)}.mt-xxl{margin-top:calc(var(--space-xl) * 1.5)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-md);max-width:1000px;margin:0 auto}.pricing-card{padding:var(--space-lg);background:var(--color-bg-card);border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-lg);text-align:center;position:relative;transition:all var(--transition-normal)}.pricing-card.featured{border-color:var(--color-primary);background:rgba(255,0,110,.05);transform:scale(1.02)}.pricing-card:hover{border-color:var(--color-secondary);transform:translateY(-5px)}.pricing-card.featured:hover{transform:scale(1.02) translateY(-5px)}.pricing-badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:var(--gradient-primary);color:#fff;padding:.25rem 1rem;font-size:var(--font-size-xs);font-weight:700;text-transform:uppercase;border-radius:var(--radius-full)}.pricing-header{margin-bottom:var(--space-md)}.pricing-header h3{font-size:var(--font-size-xl);margin-bottom:var(--space-xs)}.pricing-price{display:flex;align-items:baseline;justify-content:center;gap:.25rem}.pricing-price .price{font-size:var(--font-size-4xl);font-weight:900;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;color:transparent}.pricing-price .period{font-size:var(--font-size-sm);color:var(--color-text-muted)}.pricing-description{color:var(--color-text-muted);font-size:var(--font-size-sm);margin-bottom:var(--space-md)}.pricing-features{list-style:none;text-align:left;margin-bottom:var(--space-lg)}.pricing-features li{padding:var(--space-xs) 0;color:var(--color-text-muted);font-size:var(--font-size-sm)}.btn-block{display:block;width:100%}.faq-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-md);max-width:900px;margin:0 auto}.faq-item{padding:var(--space-md);background:var(--color-bg-card);border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-md)}.faq-item h4{font-size:var(--font-size-base);margin-bottom:var(--space-xs);color:var(--color-text)}.faq-item p{font-size:var(--font-size-sm);color:var(--color-text-muted);line-height:1.6}.about-hero{padding:160px 0 var(--space-xxl);background:var(--gradient-hero)}.about-content{max-width:800px;margin:0 auto}.about-content p{font-size:var(--font-size-lg);color:var(--color-text-muted);margin-bottom:var(--space-md)}.contact-form{max-width:600px;margin:0 auto}.integration-request-form{background:var(--color-bg-card);border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-lg);padding:var(--space-lg)}.integration-error,.integration-success{text-align:center;padding:var(--space-lg);border-radius:var(--radius-lg)}.integration-success{background:rgba(6,255,165,.1);border:1px solid rgba(6,255,165,.3)}.integration-success .success-icon{font-size:3rem;display:block;margin-bottom:var(--space-sm)}.integration-success h3{color:var(--color-success);margin-bottom:var(--space-xs)}.integration-error{background:rgba(255,69,58,.1);border:1px solid rgba(255,69,58,.3);color:#ff453a}.form-group{margin-bottom:var(--space-md)}.form-label{display:block;font-weight:600;margin-bottom:var(--space-xs)}.form-input,.form-textarea{width:100%;padding:var(--space-sm);background:var(--color-bg-card);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);color:var(--color-text);font-family:inherit;font-size:var(--font-size-base);transition:border-color var(--transition-fast)}.form-input:focus,.form-textarea:focus{outline:0;border-color:var(--color-primary)}.form-textarea{min-height:150px;resize:vertical}.legal-page{padding:160px 0 var(--space-xxl)}.legal-content{max-width:800px;margin:0 auto}.legal-content h1{font-size:var(--font-size-3xl);margin-bottom:var(--space-lg)}.legal-content h2{font-size:var(--font-size-xl);margin-top:var(--space-lg);margin-bottom:var(--space-sm)}.legal-content li,.legal-content p{color:var(--color-text-muted);margin-bottom:var(--space-sm)}.legal-content ul{padding-left:var(--space-md);margin-bottom:var(--space-md)}.legal-last-updated{color:var(--color-text-subtle);font-size:var(--font-size-sm);margin-bottom:var(--space-lg)}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes glow-pulse{0%,100%{box-shadow:0 0 30px rgba(255,0,110,.3)}50%{box-shadow:0 0 60px rgba(255,0,110,.5),0 0 100px rgba(131,56,236,.3)}}@keyframes gradient-shift{0%{background-position:0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}@keyframes wiggle{0%,100%{transform:rotate(0)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}@keyframes scale-bounce{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes draw-line{from{stroke-dashoffset:1000}to{stroke-dashoffset:0}}@keyframes blink{0%,50%{opacity:1}100%,51%{opacity:0}}.data-flow-node{animation:float 4s ease-in-out infinite}.data-flow-node:first-child{animation-delay:0s}.data-flow-node:nth-child(3){animation-delay:.5s}.data-flow-node:nth-child(5){animation-delay:1s}.data-flow-node.center{animation:scale-bounce 3s ease-in-out infinite,glow-pulse 3s ease-in-out infinite}.text-gradient-animated{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-secondary) 25%,var(--color-accent) 50%,var(--color-secondary) 75%,var(--color-primary) 100%);background-size:300% 300%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:gradient-shift 4s ease infinite}.hero-title{position:relative}.hero-title::after{content:'';position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:100px;height:4px;background:var(--gradient-primary);border-radius:2px;opacity:0;animation:fade-in-up .8s ease-out .6s forwards}.btn-primary{position:relative;overflow:hidden}.btn-primary::after{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:transform .5s ease}.btn-primary:hover::after{transform:translateX(200%)}.feature-card:hover .feature-icon{animation:wiggle .5s ease}.integration-card:hover{animation:float 2s ease-in-out infinite}.integration-status.live{animation:glow-pulse 2s ease-in-out infinite;animation-name:status-pulse}@keyframes status-pulse{0%,100%{box-shadow:0 0 5px rgba(6,255,165,.3)}50%{box-shadow:0 0 15px rgba(6,255,165,.6)}}.problem-card{counter-increment:problem;position:relative}.step-number{box-shadow:0 0 40px rgba(255,0,110,.4);transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.step:hover .step-number{transform:scale(1.1);box-shadow:0 0 60px rgba(131,56,236,.5)}.stagger-children.visible>:nth-child(6){transition-delay:0.5s;opacity:1;transform:translateY(0)}.stagger-children.visible>:nth-child(7){transition-delay:0.6s;opacity:1;transform:translateY(0)}.stagger-children.visible>:nth-child(8){transition-delay:0.7s;opacity:1;transform:translateY(0)}.stagger-children.visible>:nth-child(9){transition-delay:0.8s;opacity:1;transform:translateY(0)}.stagger-children.visible>:nth-child(10){transition-delay:0.9s;opacity:1;transform:translateY(0)}.stagger-children.visible>:nth-child(n+11){transition-delay:1s;opacity:1;transform:translateY(0)}@supports (-webkit-touch-callout:none){.animate-on-scroll{transform:none;transition:opacity .6s ease-out}.animate-on-scroll.visible{transform:none}.stagger-children>*{transform:none;transition:opacity .5s ease-out}.stagger-children.visible>*{transform:none}}.slide-in-left{opacity:0;transform:translateX(-50px);transition:all .6s ease-out}.slide-in-left.visible{opacity:1;transform:translateX(0)}.slide-in-right{opacity:0;transform:translateX(50px);transition:all .6s ease-out}.slide-in-right.visible{opacity:1;transform:translateX(0)}.scale-in{opacity:0;transform:scale(.9);transition:all .5s ease-out}.scale-in.visible{opacity:1;transform:scale(1)}.glow-orb{position:absolute;border-radius:50%;filter:blur(80px);pointer-events:none;animation:float 8s ease-in-out infinite}.glow-orb.pink{background:rgba(255,0,110,.15)}.glow-orb.purple{background:rgba(131,56,236,.15)}.waitlist-input-group:focus-within{border-color:var(--color-primary);box-shadow:0 0 20px rgba(255,0,110,.2);transition:all var(--transition-normal)}.header.scrolled{background:rgba(10,10,10,.95);box-shadow:0 4px 30px rgba(0,0,0,.3)}.animated-link{position:relative;display:inline-block}.animated-link::after{content:'';position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--gradient-primary);transition:width var(--transition-normal)}.animated-link:hover::after{width:100%}@media (prefers-reduced-motion:reduce){*,::after,::before{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important}}.auth-page{margin:0;padding:0}.auth-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;background:linear-gradient(135deg,#0a0a0a 0,#1a0a1f 50%,#0f0a14 100%);color-scheme:dark}.auth-container .title{margin-bottom:.5rem}.auth-container .title .logo-link{text-decoration:none;font-size:2.5rem;font-weight:900}.auth-container .title .fit{color:var(--color-primary)}.auth-container .title .glue{color:var(--color-secondary)}.auth-container h2{font-size:1.5rem;color:#f5f5f5;margin-bottom:2rem;font-weight:600}.auth-container .auth-box{background:rgba(26,26,26,.9);border:1px solid rgba(255,255,255,.1);border-radius:1rem;padding:2rem;width:100%;max-width:400px;backdrop-filter:blur(10px)}.auth-container .auth-description{color:#a5a5a5;font-size:.9rem;margin-bottom:1rem;line-height:1.5}.auth-container .input-group{margin-bottom:1rem}.auth-container .input-group input{width:100%;padding:.875rem 1rem;font-size:1rem;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.15);border-radius:.5rem;color:#f5f5f5;transition:border-color .2s ease,box-shadow .2s ease;box-sizing:border-box}.auth-container .input-group input:focus{outline:0;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(255,0,110,.15)}.auth-container .input-group input::placeholder{color:#666}.auth-container .forgot-password-link{display:block;text-align:right;color:var(--color-secondary);font-size:.875rem;margin-bottom:1.5rem;text-decoration:none;transition:color .2s ease}.auth-container .forgot-password-link:hover{color:var(--color-primary)}.auth-container .btn{width:100%;padding:.875rem 1.5rem;font-size:1rem;font-weight:600;border-radius:.5rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;border:none;margin-bottom:0}.auth-container .btn.primary{background:var(--gradient-primary);color:#fff;box-shadow:0 4px 15px rgba(255,0,110,.3)}.auth-container .btn.primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px rgba(255,0,110,.4)}.auth-container .btn.secondary{background:rgba(255,255,255,.05);color:#f5f5f5;border:1px solid rgba(255,255,255,.15);margin-top:.75rem}.auth-container .btn.secondary:hover:not(:disabled){background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.25)}.auth-container .btn:disabled{opacity:.6;cursor:not-allowed}.auth-container .btn.facebook-btn{color:#1877f2}.auth-container .divider{display:flex;align-items:center;margin:1.5rem 0;color:#666;font-size:.875rem}.auth-container .divider::after,.auth-container .divider::before{content:'';flex:1;height:1px;background:rgba(255,255,255,.1)}.auth-container .divider::before{margin-right:1rem}.auth-container .divider::after{margin-left:1rem}.auth-container .switch-auth{text-align:center;color:#a5a5a5;font-size:.9rem;margin-top:1.5rem}.auth-container .switch-auth a{color:var(--color-secondary);text-decoration:none;font-weight:600;transition:color .2s ease}.auth-container .switch-auth a:hover{color:var(--color-primary)}.auth-container .auth-message{padding:.875rem 1rem;border-radius:.5rem;margin-bottom:1rem;font-size:.9rem;cursor:pointer}.auth-container .auth-message.error{background:rgba(255,59,48,.15);border:1px solid rgba(255,59,48,.3);color:#ff6b6b}.auth-container .auth-message.success{background:rgba(52,199,89,.15);border:1px solid rgba(52,199,89,.3);color:#34c759}.auth-container .redirect-message{color:#666;font-size:.875rem;margin-top:1rem;text-align:center}.auth-container .verification-content p,.auth-container .verification-content strong{text-align:center}.auth-container .verification-content strong{color:#f5f5f5}.auth-container .facebook-btn svg,.auth-container .google-btn svg{flex-shrink:0}.pipeline-flow{display:flex;align-items:center;justify-content:center;gap:var(--space-md);margin:var(--space-lg) 0;flex-wrap:wrap}.pipeline-step{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);padding:var(--space-md);background:var(--color-bg-card);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);min-width:120px}.pipeline-icon{font-size:2.5rem}.pipeline-label{font-weight:700;font-size:var(--font-size-sm)}.pipeline-arrow{font-size:1.5rem;color:var(--color-primary);font-weight:700}@media (max-width:640px){.pipeline-flow{flex-direction:column}.pipeline-arrow{transform:rotate(90deg)}}.integration-status.source{background:rgba(255,0,110,.15);color:var(--color-primary-light)}.integration-status.destination,.integration-status.target{background:rgba(131,56,236,.15);color:var(--color-secondary-light)}.integration-badges{display:flex;gap:var(--space-xs);justify-content:center;flex-wrap:wrap;margin-top:var(--space-xs)}.integration-auth-badge{display:inline-block;padding:.25rem .5rem;font-size:var(--font-size-xs);font-weight:600;background:rgba(255,255,255,.08);border-radius:var(--radius-sm);color:var(--color-text-muted)}.integration-logo-img{max-width:48px;max-height:48px;object-fit:contain}.guide-hero{padding:calc(80px + var(--space-xl)) 0 var(--space-xl);background:var(--gradient-hero);position:relative;text-align:center}.guide-hero::before{content:'';position:absolute;inset:0;background:var(--gradient-glow);pointer-events:none}.guide-title{font-size:var(--font-size-3xl);margin-bottom:var(--space-md);position:relative;text-align:center}.guide-excerpt{font-size:var(--font-size-lg);color:var(--color-text-muted);max-width:700px;margin:0 auto var(--space-md);text-align:center;position:relative}.guide-hero .breadcrumb{justify-content:center}.guide-meta{display:flex;gap:var(--space-md);justify-content:center;color:var(--color-text-muted);font-size:var(--font-size-sm);position:relative}.guide-layout{display:grid;grid-template-columns:1fr 300px;gap:var(--space-xl);align-items:start}@media (max-width:1024px){.guide-layout{grid-template-columns:1fr;overflow:hidden;max-width:100%;width:100%}.guide-sidebar{position:static}.guide-article{overflow-x:hidden;max-width:100%;width:100%}.guide-content{overflow-x:hidden;word-wrap:break-word;overflow-wrap:break-word}.sidebar-cta,.sidebar-section{max-width:100%}}.guide-article{max-width:100%}.guide-content{font-size:var(--font-size-base);line-height:1.8}.guide-content h2{margin-top:var(--space-xl);margin-bottom:var(--space-md);font-size:var(--font-size-2xl)}.guide-content h2:first-child{margin-top:0}.guide-content h3{margin-top:var(--space-lg);margin-bottom:var(--space-sm);font-size:var(--font-size-xl)}.guide-content p{margin-bottom:var(--space-md);color:var(--color-text-muted)}.guide-content ol,.guide-content ul{margin-bottom:var(--space-md);padding-inline-start:1.5em}.guide-content li{margin-bottom:var(--space-xs)}.integration-content ol,.integration-content ul{padding-inline-start:1.5em}.integration-content li{margin-bottom:var(--space-xs)}.guide-content .feature-highlight{background:rgba(255,0,110,.08);border:1px solid rgba(255,0,110,.2);border-radius:var(--radius-lg);padding:var(--space-lg);margin:var(--space-lg) 0}.guide-content .feature-highlight h3{margin-top:0;color:var(--color-text)}.pipeline-import-section{background:var(--color-bg-card);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg);padding:var(--space-xl);margin:var(--space-xl) 0;text-align:center}.pipeline-import-section h2{margin-top:0;margin-bottom:var(--space-sm);font-size:var(--font-size-xl)}.pipeline-import-section>p{color:var(--color-text-muted);margin-bottom:var(--space-lg);max-width:480px;margin-left:auto;margin-right:auto}.pipeline-import-cta{display:flex;flex-wrap:wrap;gap:var(--space-sm);justify-content:center;margin-bottom:var(--space-md)}.pipeline-import-cta .btn{min-width:200px}.pipeline-code-details{margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid rgba(255,255,255,.06);text-align:left}.pipeline-code-details summary{cursor:pointer;color:var(--color-text-muted);font-size:var(--font-size-sm);list-style:none}.pipeline-code-details summary::-webkit-details-marker{display:none}.pipeline-code-details summary::before{content:'▸ ';color:var(--color-primary);margin-right:var(--space-xs)}.pipeline-code-details[open] summary::before{content:'▾ '}.pipeline-code-details p{margin:var(--space-sm) 0;font-size:var(--font-size-sm);color:var(--color-text-muted)}.pipeline-code{display:block;background:var(--color-bg-elevated);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);padding:var(--space-md);font-size:var(--font-size-xs);font-family:ui-monospace,monospace;word-break:break-all;color:var(--color-text-muted)}.guide-sidebar{position:sticky;top:calc(80px + var(--space-md));display:flex;flex-direction:column;gap:var(--space-md)}.sidebar-section{background:var(--color-bg-card);border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-lg);padding:var(--space-md)}.sidebar-section h4{font-size:var(--font-size-base);margin-bottom:var(--space-sm)}.related-guides-list{list-style:none;padding:0;margin:0}.related-guides-list li{padding:var(--space-xs) 0;border-bottom:1px solid rgba(255,255,255,.05)}.related-guides-list li:last-child{border-bottom:none}.related-guides-list a{color:var(--color-text-muted);font-size:var(--font-size-sm);transition:color var(--transition-fast)}.related-guides-list a:hover{color:var(--color-primary)}.sidebar-cta{background:linear-gradient(135deg,rgba(255,0,110,.1) 0,rgba(131,56,236,.1) 100%);border:1px solid rgba(255,0,110,.2);border-radius:var(--radius-lg);padding:var(--space-md);text-align:center}.sidebar-cta h4{font-size:var(--font-size-base);margin-bottom:var(--space-xs)}.sidebar-cta p{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--space-sm)}.author-box{display:flex;gap:var(--space-md);align-items:center;padding:var(--space-lg);background:var(--color-bg-elevated);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);margin-top:var(--space-xl)}.author-avatar{font-size:3rem;flex-shrink:0}.author-info h4{margin:0 0 var(--space-xs);font-size:var(--font-size-lg)}.author-info p{margin:0;color:var(--color-text-muted);font-size:var(--font-size-sm)}.guides-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:var(--space-lg)}@media (max-width:768px){.guides-grid{grid-template-columns:1fr}}.guide-card{display:flex;flex-direction:column;background:var(--color-bg-card);border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-lg);padding:var(--space-lg);transition:all var(--transition-normal);text-decoration:none;color:inherit}.guide-card:hover{border-color:var(--color-primary);transform:translateY(-8px);box-shadow:var(--shadow-card-hover)}.guide-card-icon{font-size:2.5rem;margin-bottom:var(--space-md)}.guide-card-icon img{height:2.5rem;width:auto;display:block}.guide-card-content h3{font-size:var(--font-size-lg);margin-bottom:var(--space-sm);line-height:1.3}.guide-card-content p{color:var(--color-text-muted);font-size:var(--font-size-sm);margin-bottom:var(--space-md);flex-grow:1}.guide-card-cta{color:var(--color-primary);font-weight:600;font-size:var(--font-size-sm);transition:transform var(--transition-fast)}.guide-card:hover .guide-card-cta{transform:translateX(5px)}.trust-strip{padding:var(--space-lg) 0;background:linear-gradient(180deg,transparent 0,rgba(255,255,255,.02) 50%,transparent 100%);border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.05)}.trust-strip-inner{display:flex;justify-content:center;align-items:center;gap:var(--space-xl);flex-wrap:wrap}.trust-badge{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-full);transition:all var(--transition-normal)}.trust-badge:hover{border-color:rgba(255,255,255,.15);background:rgba(255,255,255,.05)}.trust-badge-icon{font-size:1.25rem}.trust-badge-text{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-muted)}.trust-stat{text-align:center;padding:var(--space-sm) var(--space-md)}.trust-stat-value{font-size:var(--font-size-2xl);font-weight:900;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;color:transparent;display:block}.trust-stat-label{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.trust-divider{width:1px;height:40px;background:rgba(255,255,255,.1)}@media (max-width:768px){.trust-strip-inner{flex-direction:column;gap:var(--space-sm)}.trust-divider{display:none}.trust-badge{padding:var(--space-xs) var(--space-sm);width:100%;max-width:280px;justify-content:center}.trust-badge-text{font-size:var(--font-size-xs)}.trust-stat{width:100%}.trust-stat-value{font-size:var(--font-size-xl)}}.trust-privacy{width:100%;text-align:center;padding-top:var(--space-md);margin-top:var(--space-md);border-top:1px solid rgba(255,255,255,.05)}.trust-privacy p{color:var(--color-text-muted);font-size:var(--font-size-sm);max-width:600px;margin:0 auto;line-height:1.6}.trust-privacy a{color:var(--color-primary);text-decoration:none}.trust-privacy a:hover{text-decoration:underline}.hero-subtitle{font-size:var(--font-size-lg);color:var(--color-text-muted);max-width:700px;margin:0 auto var(--space-lg);line-height:1.6;animation:fade-in-up .8s ease-out .25s both}@media (max-width:768px){.hero-subtitle{font-size:var(--font-size-base);padding:0 var(--space-sm)}}.showcase-grid{display:flex;flex-direction:column;gap:var(--space-lg);max-width:700px;margin:0 auto}@media (max-width:768px){.showcase-grid{grid-template-columns:1fr}}.showcase-card{background:linear-gradient(135deg,rgba(255,0,110,.1) 0,rgba(131,56,236,.1) 100%);border:1px solid rgba(255,0,110,.15);border-radius:var(--radius-lg);padding:var(--space-lg);transition:all var(--transition-normal);position:relative}.showcase-card:hover{border-color:rgba(131,56,236,.3);transform:translateY(-5px);box-shadow:var(--shadow-card-hover)}.showcase-header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid rgba(255,255,255,.1)}.showcase-icon{font-size:1.5rem}.showcase-icon-jpg,.showcase-icon-png,.showcase-icon-svg{height:1.5rem;width:auto;max-width:100%;object-fit:contain;background:#fff;padding:.25rem;border-radius:4px;box-shadow:0 1px 4px rgba(0,0,0,.1)}.showcase-header h3{font-size:var(--font-size-lg);margin:0}.showcase-content{display:flex;flex-direction:column;gap:var(--space-sm);align-items:stretch}@media (max-width:480px){.showcase-content{flex-direction:column}.showcase-arrow{transform:rotate(90deg);text-align:center}}.showcase-after,.showcase-before{padding:var(--space-md);border-radius:var(--radius-md)}.showcase-before{background:rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.1)}.showcase-after{background:rgba(255,0,110,.15);border:1px solid rgba(255,0,110,.3)}.showcase-arrow{text-align:center;color:var(--color-primary);font-size:1.2rem;padding:var(--space-xs) 0;transform:rotate(90deg)}.showcase-before .showcase-text,.showcase-before .showcase-visual-label{color:rgba(255,255,255,.7)}.showcase-empty{color:rgba(255,255,255,.5);font-style:italic}.showcase-label{font-size:var(--font-size-xs);font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-sm);color:var(--color-text-muted)}.showcase-after .showcase-label{color:var(--color-primary)}.showcase-text{font-size:var(--font-size-sm);line-height:1.5}.showcase-text.showcase-empty{color:var(--color-text-subtle);font-style:italic}.showcase-arrow{display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;color:var(--color-primary);flex-shrink:0}.showcase-visual{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm)}.showcase-visual-empty{opacity:.6}.showcase-visual-label{font-size:var(--font-size-xs);color:var(--color-text-subtle);font-style:italic}.body-silhouette{width:80px;height:120px}.body-silhouette-active .muscle-glow{filter:drop-shadow(0 0 4px var(--color-primary));animation:muscle-pulse 2s ease-in-out infinite}@keyframes muscle-pulse{0%,100%{opacity:1}50%{opacity:.8}}.hr-graph{width:120px;height:60px}.hr-graph-active .hr-line{stroke-dasharray:200;stroke-dashoffset:200;animation:draw-line 2s ease-out forwards}.hr-graph-active .hr-peak{animation:peak-pulse 1.5s ease-in-out infinite}@keyframes draw-line{to{stroke-dashoffset:0}}@keyframes peak-pulse{0%,100%{r:3;opacity:1}50%{r:5;opacity:.8}}.showcase-legend{display:flex;gap:var(--space-sm);font-size:var(--font-size-xs)}.legend-item{display:flex;align-items:center;gap:4px}.legend-dot{width:8px;height:8px;border-radius:2px}.legend-dot.legend-high{background:var(--color-primary)}.legend-dot.legend-med{background:var(--color-secondary)}.showcase-stats{display:flex;gap:var(--space-md);font-size:var(--font-size-sm);font-weight:600}.stat-item{white-space:nowrap}.showcase-heatmap{font-family:monospace;line-height:1.6}.heatmap-row{display:inline-block;width:100%}.heatmap-bar{font-family:monospace;letter-spacing:-2px}.heatmap-bar.high{color:var(--color-primary)}.heatmap-bar.med{color:var(--color-secondary)}.heatmap-bar.low{color:#666}.gps-map{width:150px;height:100px;border-radius:var(--radius-sm)}.gps-route{stroke-dasharray:200;stroke-dashoffset:200;animation:draw-line 2s ease-out forwards}.carousel{position:relative;overflow:hidden}.carousel-track{display:flex;gap:var(--space-md);transition:transform .4s ease}.carousel-item{flex:0 0 calc(33.333% - var(--space-md) * 2 / 3);min-width:0}@media (max-width:768px){.carousel-item{flex:0 0 calc(50% - var(--space-md)/ 2)}}@media (max-width:480px){.carousel-item{flex:0 0 100%}.carousel{overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory}.carousel-item{scroll-snap-align:start}}.carousel-nav{display:flex;justify-content:center;gap:var(--space-xs);margin-top:var(--space-md)}.carousel-dot{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.2);border:none;cursor:pointer;transition:all .2s ease;padding:0}.carousel-dot:hover{background:rgba(255,255,255,.4)}.carousel-dot.active{background:var(--color-primary);transform:scale(1.2)}.story-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--space-lg)}@media (max-width:768px){.story-grid{grid-template-columns:1fr}}.story-card{background:var(--color-bg-card);border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-lg);padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-md);transition:all var(--transition-normal)}.story-card:hover{border-color:rgba(131,56,236,.3);transform:translateY(-5px);box-shadow:var(--shadow-card-hover)}.story-persona{display:flex;align-items:center;gap:var(--space-sm);padding-bottom:var(--space-sm);border-bottom:1px solid rgba(255,255,255,.1)}.story-emoji{font-size:2rem}.story-persona h3{font-size:var(--font-size-lg);margin:0}.story-problem{background:rgba(255,255,255,.03);border-radius:var(--radius-md);padding:var(--space-md);font-size:var(--font-size-sm);color:var(--color-text-muted);line-height:1.6;border-left:3px solid var(--color-text-subtle)}.story-problem strong{color:var(--color-text);display:block;margin-bottom:var(--space-xs)}.story-solution{background:rgba(255,0,110,.08);border-radius:var(--radius-md);padding:var(--space-md);font-size:var(--font-size-sm);color:var(--color-text);line-height:1.6;border-left:3px solid var(--color-primary)}.story-solution strong{color:var(--color-primary);display:block;margin-bottom:var(--space-xs)}.config-showcase{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-lg)}@media (max-width:768px){.config-showcase{grid-template-columns:1fr}}.config-example{background:var(--color-bg-card);border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-lg);padding:var(--space-lg);transition:all var(--transition-normal)}.config-example:hover{border-color:rgba(131,56,236,.3)}.config-example h4{font-size:var(--font-size-base);margin-bottom:var(--space-md)}.config-options-preview{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.config-pill{padding:.4rem .75rem;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-full);font-size:var(--font-size-xs);color:var(--color-text-muted);transition:all var(--transition-fast)}.config-pill.active{background:rgba(255,0,110,.15);border-color:var(--color-primary);color:var(--color-text)}.platforms-section{margin-bottom:var(--space-lg)}.platforms-label{font-size:var(--font-size-sm);font-weight:700;text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-md);text-align:center}.platforms-label.live{color:var(--color-success,#34c759)}.platforms-label.coming-soon{color:var(--color-text-muted)}.platforms-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--space-md);max-width:600px;margin:0 auto}.platforms-grid.coming-soon{max-width:900px}.platform-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);padding:var(--space-md);background:var(--color-bg-card);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg);transition:all var(--transition-normal);position:relative}.platform-card.live{border-color:rgba(52,199,89,.3);background:rgba(52,199,89,.05)}.platform-card.live:hover{border-color:rgba(52,199,89,.5);transform:translateY(-3px);box-shadow:0 8px 20px rgba(52,199,89,.15)}.platform-card.coming-soon{opacity:.7}.platform-card.coming-soon:hover{opacity:1;transform:translateY(-3px)}.platform-icon{font-size:2rem}.platform-name{font-size:var(--font-size-sm);font-weight:600}.coming-badge{position:absolute;top:-8px;right:-8px;background:var(--gradient-primary);color:#fff;font-size:.65rem;font-weight:700;padding:.2rem .5rem;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em}.vision-box{background:linear-gradient(135deg,rgba(255,0,110,.08) 0,rgba(131,56,236,.08) 100%);border:1px solid rgba(255,0,110,.2);border-radius:var(--radius-lg);padding:var(--space-xl);text-align:center;max-width:800px;margin-left:auto;margin-right:auto}.vision-box h4{font-size:var(--font-size-xl);margin-bottom:var(--space-sm)}.vision-box p{font-size:var(--font-size-base);color:var(--color-text-muted);line-height:1.7;margin:0}.platform-marquee{overflow:hidden;background:rgba(255,255,255,.02);border-radius:var(--radius-lg);padding:var(--space-sm) 0;mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent)}.marquee-track{display:flex;gap:var(--space-sm);animation:marquee 30s linear infinite;white-space:nowrap}.marquee-track span{font-size:var(--font-size-sm);color:var(--color-text-muted);font-weight:500}@keyframes marquee{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}.section-alt{background:linear-gradient(180deg,rgba(255,255,255,.015) 0,transparent 50%,rgba(255,255,255,.015) 100%)}.feature-card:hover,.showcase-card:hover,.story-card:hover{box-shadow:var(--shadow-card-hover),0 0 40px rgba(131,56,236,.1)}.hero::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60%;height:50%;background:radial-gradient(ellipse,rgba(255,0,110,.1) 0,transparent 70%);pointer-events:none;z-index:0}.hero-content{position:relative;z-index:1}.data-flow-animated{position:relative}.data-flow-animated .data-flow-node{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);width:120px;text-align:center}.data-flow-animated .flow-icon{font-size:1.5rem;display:block}.data-flow-animated .flow-label{font-size:var(--font-size-sm);font-weight:600}.data-flow-animated .flow-label{animation:label-fade 8s ease-in-out infinite}@keyframes label-fade{0%,20%{opacity:1}25%,45%{opacity:0}50%,70%{opacity:1}75%,95%{opacity:0}100%{opacity:1}}.data-flow-animated .data-flow-node.center{min-width:140px;padding:var(--space-md);position:relative}.center-label{font-weight:800;font-size:var(--font-size-base);margin-bottom:var(--space-xs)}.center-boosters{display:flex;gap:6px;font-size:.9rem;opacity:0;transform:scale(.8);animation:boosters-reveal 4s ease-in-out infinite}@keyframes boosters-reveal{0%,10%{opacity:0;transform:scale(.8)}20%,80%{opacity:1;transform:scale(1)}100%,90%{opacity:0;transform:scale(.8)}}.booster-icon{animation:booster-pop 4s ease-in-out infinite;cursor:help}.booster-icon:first-child{animation-delay:0s}.booster-icon:nth-child(2){animation-delay:.1s}.booster-icon:nth-child(3){animation-delay:.2s}.booster-icon:nth-child(4){animation-delay:.3s}@keyframes booster-pop{0%,15%{transform:scale(0)}25%{transform:scale(1.2)}100%,35%{transform:scale(1)}}.arrow-particles{position:absolute;inset:0;overflow:hidden}.arrow-particles::before{content:'';position:absolute;width:8px;height:8px;background:var(--color-primary);border-radius:50%;left:-10px;top:50%;transform:translateY(-50%);animation:particle-travel 2s ease-in-out infinite;filter:blur(1px);opacity:.8}@keyframes particle-travel{0%{left:-10px;opacity:0}10%{opacity:.8}90%{opacity:.8}100%{left:calc(100% + 10px);opacity:0}}.flow-caption{font-size:var(--font-size-sm);text-align:center;margin-top:var(--space-md);margin-bottom:var(--space-lg);animation:fade-in-up .8s ease-out .5s both}.flow-caption-magic{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-muted);letter-spacing:.02em;background:linear-gradient(90deg,var(--color-text-muted),var(--color-primary-light),var(--color-text-muted));background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:fade-in-up .8s ease-out .5s both,shimmer 4s linear infinite}.showcase-card{position:relative}.showcase-card::after{content:'✨';position:absolute;top:-8px;right:-8px;font-size:1.25rem;animation:sparkle-float 3s ease-in-out infinite;pointer-events:none}@keyframes sparkle-float{0%,100%{transform:translateY(0) rotate(0);opacity:.8}50%{transform:translateY(-8px) rotate(15deg);opacity:1}}.showcase-after{position:relative;overflow:hidden}.showcase-after::before{content:'';position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,0,110,.1),transparent);animation:glow-sweep 3s ease-in-out infinite}@keyframes glow-sweep{0%{left:-100%}100%,50%{left:200%}}.text-gradient-shimmer{background:linear-gradient(90deg,var(--color-primary) 0,var(--color-primary) 40%,#fff 50%,var(--color-secondary) 60%,var(--color-secondary) 100%);background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shimmer 3s linear infinite}@keyframes shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}@media (max-width:640px){.data-flow-animated .data-flow-node.center{min-width:120px;padding:var(--space-sm)}.center-boosters{gap:4px;font-size:.8rem}.showcase-card::after{top:-4px;right:-4px;font-size:1rem}}.connections-intro{color:var(--color-text-muted);font-size:var(--font-size-base);margin-bottom:var(--space-lg);text-align:left}.connections-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:var(--space-lg)}@media (max-width:768px){.connections-grid{grid-template-columns:1fr;gap:var(--space-md)}}.connection-card{background:rgba(20,20,30,.8);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-lg);padding:var(--space-lg);transition:all var(--transition-normal);display:flex;flex-direction:column;gap:var(--space-md);position:relative;overflow:hidden}.connection-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));opacity:0;transition:opacity var(--transition-normal)}.connection-card:hover{border-color:rgba(131,56,236,.4);transform:translateY(-4px);box-shadow:0 12px 40px rgba(131,56,236,.2)}.connection-card:hover::before{opacity:1}.connection-card--connected{border-color:rgba(6,255,165,.4);background:linear-gradient(135deg,rgba(6,255,165,.08) 0,rgba(20,20,30,.8) 100%)}.connection-card--connected::before{background:linear-gradient(90deg,var(--color-success),#3a86ff);opacity:1}.connection-card--connected:hover{border-color:rgba(6,255,165,.6);box-shadow:0 12px 40px rgba(6,255,165,.2)}.connection-card__header{display:flex;align-items:flex-start;gap:var(--space-md)}.connection-card__icon{font-size:2.5rem;flex-shrink:0;width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.05);border-radius:var(--radius-md)}.connection-card__info{flex:1;min-width:0}.connection-card__name{font-size:var(--font-size-xl);font-weight:700;margin-bottom:var(--space-xs);color:var(--color-text)}.connection-card__description{color:var(--color-text-muted);font-size:var(--font-size-sm);line-height:1.5}.connection-card__status{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-sm);padding-top:var(--space-sm);border-top:1px solid rgba(255,255,255,.08)}.connection-card__external-id,.connection-card__last-used{font-size:var(--font-size-xs);color:var(--color-text-muted)}.connection-card__actions{margin-top:auto;padding-top:var(--space-sm)}.connection-card__actions .btn{width:auto}.connection-setup{max-width:560px;margin:0 auto;padding:var(--space-md)}.connection-setup__header{text-align:center;margin-bottom:var(--space-lg);padding-bottom:var(--space-lg);border-bottom:1px solid rgba(255,255,255,.1)}.connection-setup__icon{font-size:3.5rem;display:flex;align-items:center;justify-content:center;width:80px;height:80px;background:rgba(255,255,255,.05);border-radius:var(--radius-lg);margin:0 auto var(--space-md)}.connection-setup__header h1{font-size:var(--font-size-xl);margin:0;color:var(--color-text)}.connection-setup__section{background:rgba(20,20,30,.6);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);padding:var(--space-lg);margin-bottom:var(--space-lg)}.connection-setup__section h2{font-size:var(--font-size-base);font-weight:600;margin:0 0 var(--space-md) 0;color:var(--color-text)}.connection-setup__intro{font-size:var(--font-size-base);color:var(--color-text-muted);margin-bottom:var(--space-md);line-height:1.6}.connection-setup__instructions{background:rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-sm);padding:var(--space-md);margin-bottom:var(--space-md)}.connection-setup__instructions ol{margin:0;padding-left:1.25rem;display:flex;flex-direction:column;gap:var(--space-xs)}.connection-setup__instructions li{color:var(--color-text-muted);line-height:1.5;font-size:var(--font-size-sm)}.connection-setup__instructions li strong{color:var(--color-text)}.connection-setup__checklist{list-style:none;padding:0;margin:0 0 var(--space-md);display:flex;flex-direction:column;gap:var(--space-xs)}.connection-setup__checklist li{color:var(--color-text-muted);font-size:var(--font-size-sm);padding-left:0}.connection-setup__input{margin-bottom:var(--space-md)}.connection-setup__input label{display:block;font-weight:600;font-size:var(--font-size-sm);margin-bottom:var(--space-xs);color:var(--color-text-muted)}.connection-setup__input input{width:100%;padding:var(--space-sm) var(--space-md);background:var(--color-bg-elevated);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);color:var(--color-text);font-size:var(--font-size-base);transition:border-color var(--transition-fast)}.connection-setup__input input:focus{outline:0;border-color:var(--color-primary)}.connection-setup__input input::placeholder{color:var(--color-text-subtle)}.connection-setup__info-box{background:rgba(0,0,0,.2);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-sm);padding:var(--space-md);margin-bottom:0}.connection-setup__info-box p{color:var(--color-text-muted);margin-bottom:var(--space-xs);font-size:var(--font-size-sm);line-height:1.5}.connection-setup__info-box--security{display:flex;align-items:flex-start;gap:var(--space-md);background:rgba(6,255,165,.05);border-color:rgba(6,255,165,.2)}.connection-setup__info-box--app{background:rgba(131,56,236,.05);border-color:rgba(131,56,236,.2)}.connection-setup__info-icon{font-size:1.5rem;flex-shrink:0}.connection-setup__info-box strong{display:block;margin-bottom:var(--space-xs);color:var(--color-text)}.connection-setup__app-steps{margin:var(--space-sm) 0 var(--space-md);padding-left:var(--space-md)}.connection-setup__app-steps li{color:var(--color-text-muted);margin-bottom:var(--space-xs)}.connection-setup__ingress-key{margin-top:var(--space-sm)}.connection-setup__ingress-key label{display:block;font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--space-xs)}.connection-setup__key-display{display:flex;gap:var(--space-sm);align-items:center}.connection-setup__key-display code{flex:1;padding:var(--space-sm);background:var(--color-bg);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-sm);font-family:monospace;font-size:var(--font-size-sm);color:var(--color-accent);word-break:break-all}.connection-setup__note{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-top:var(--space-md)}.connection-setup__error-message{background:rgba(255,0,110,.1);border:1px solid rgba(255,0,110,.3);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);color:var(--color-primary);margin-bottom:var(--space-md)}.connection-setup__actions{display:flex;gap:var(--space-md);justify-content:flex-end}@media (max-width:480px){.connection-setup__actions{flex-direction:column-reverse}.connection-setup__actions button{width:100%}}.connection-setup__error{text-align:center;padding:var(--space-xl)}.connection-setup__error p{color:var(--color-text-muted);margin-bottom:var(--space-md)}.connection-result{text-align:center;max-width:500px;margin:0 auto;padding:var(--space-xl) var(--space-md)}.connection-result__icon{font-size:5rem;margin-bottom:var(--space-md);display:block}.connection-result__icon--success{animation:bounce-in .6s cubic-bezier(.175,.885,.32,1.275)}.connection-result__icon--error{animation:shake .5s cubic-bezier(.36,.07,.19,.97)}.connection-result__title{font-size:var(--font-size-3xl);margin-bottom:var(--space-md)}.connection-result__message{font-size:var(--font-size-lg);color:var(--color-text-muted);margin-bottom:var(--space-sm);line-height:1.6}.connection-result__message strong{color:var(--color-text)}.connection-result__submessage{font-size:var(--font-size-base);color:var(--color-text-subtle);margin-bottom:var(--space-xl)}.connection-result__actions{display:flex;gap:var(--space-md);justify-content:center;flex-wrap:wrap}@keyframes bounce-in{0%{transform:scale(0);opacity:0}60%{transform:scale(1.1);opacity:1}100%{transform:scale(1)}}@keyframes shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}