@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";.auth-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);background:#000000bf;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:var(--space-md);animation:fadeIn .2s ease}.auth-modal{position:relative;width:100%;max-width:440px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-2xl);padding:var(--space-2xl);box-shadow:var(--shadow-lg),0 0 60px #6c63ff26;animation:fadeUp .25s cubic-bezier(.34,1.56,.64,1);display:flex;flex-direction:column;gap:var(--space-lg)}.auth-modal__close{position:absolute;top:var(--space-md);right:var(--space-md);width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#ffffff0f;border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-muted);font-size:1.25rem;cursor:pointer;transition:all var(--transition-fast)}.auth-modal__close:hover{background:#ef44441a;color:#f87171;border-color:#ef44444d}.auth-modal__header{text-align:center;display:flex;flex-direction:column;align-items:center;gap:.5rem}.auth-modal__logo{font-size:2rem;display:inline-flex;width:52px;height:52px;align-items:center;justify-content:center;background:var(--grad-primary);border-radius:var(--radius-lg);box-shadow:0 0 24px #6c63ff66;margin-bottom:.25rem}.auth-modal__title{font-size:1.375rem;font-weight:800;color:var(--text);letter-spacing:-.02em}.auth-modal__subtitle{font-size:.875rem;color:var(--text-muted)}.auth-modal__tabs{display:flex;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:3px;gap:3px}.auth-modal__tab{flex:1;padding:.5rem;border-radius:calc(var(--radius-md) - 3px);background:transparent;color:var(--text-muted);font-size:.875rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast);border:none}.auth-modal__tab.active{background:var(--bg-elevated);color:var(--text);box-shadow:0 1px 3px #0000004d}.auth-modal__google{display:flex;align-items:center;justify-content:center;gap:.75rem;width:100%;padding:.875rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-md);color:var(--text);font-size:.9375rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.auth-modal__google:hover{background:#ffffff14;border-color:#fff3}.auth-modal__google:disabled{opacity:.6;cursor:not-allowed}.auth-modal__google-icon{width:20px;height:20px;flex-shrink:0}.auth-modal__divider{display:flex;align-items:center;gap:.75rem;color:var(--text-subtle);font-size:.8125rem}.auth-modal__divider:before,.auth-modal__divider:after{content:"";flex:1;height:1px;background:var(--border)}.auth-modal__form{display:flex;flex-direction:column;gap:var(--space-md)}.auth-modal__field{display:flex;flex-direction:column;gap:.375rem}.auth-modal__label{font-size:.8125rem;font-weight:600;color:var(--text-muted);letter-spacing:.02em}.auth-modal__input{background:var(--bg-surface)}.auth-modal__error{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:#ef444414;border:1px solid rgba(239,68,68,.2);border-radius:var(--radius-md);color:#f87171;font-size:.875rem;animation:fadeUp .15s ease}.auth-modal__submit{width:100%;justify-content:center;padding:.875rem;font-size:1rem}.auth-modal__footer-note{font-size:.75rem;color:var(--text-subtle);text-align:center;line-height:1.6}.auth-modal__footer-note a{color:var(--primary-light);text-decoration:underline;text-underline-offset:2px}@media (max-width: 480px){.auth-modal{padding:var(--space-xl) var(--space-lg);border-radius:var(--radius-xl)}}.nav{position:fixed;top:0;left:0;right:0;z-index:var(--z-sticky);background:#0a0a0fd9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid transparent;transition:border-color var(--transition-md),box-shadow var(--transition-md)}.nav--raised{border-bottom-color:var(--border);box-shadow:0 1px 24px #0006}.nav__bar{max-width:1280px;margin:0 auto;padding:0 var(--space-lg);height:60px;display:flex;align-items:center;gap:var(--space-xl)}.nav__logo{display:flex;align-items:center;gap:.5rem;text-decoration:none;flex-shrink:0}.nav__logo-mark{font-size:1.25rem;display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--grad-primary);border-radius:8px;box-shadow:0 0 16px #6c63ff66}.nav__logo-name{font-size:1rem;font-weight:800;color:var(--text);letter-spacing:-.02em}.nav__logo-name span{color:var(--primary-light)}.nav__links{display:flex;align-items:center;gap:.25rem;flex:1}.nav__link{padding:.4rem .75rem;border-radius:var(--radius-md);font-size:.875rem;font-weight:500;color:var(--text-muted);transition:all var(--transition-fast);text-decoration:none;white-space:nowrap}.nav__link:hover{background:#ffffff0d;color:var(--text)}.nav__item{position:relative}.nav__trigger{display:flex;align-items:center;gap:.3rem;padding:.4rem .75rem;border-radius:var(--radius-md);font-size:.875rem;font-weight:500;color:var(--text-muted);background:transparent;cursor:pointer;border:none;transition:all var(--transition-fast);white-space:nowrap}.nav__trigger:hover,.nav__trigger.active{background:#ffffff0d;color:var(--text)}.nav__arrow{width:10px;height:6px;transition:transform var(--transition-fast);opacity:.6}.nav__trigger.active .nav__arrow{transform:rotate(180deg);opacity:1}.nav__mega{position:absolute;top:calc(100% + 10px);left:-260px;width:1080px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-lg);box-shadow:var(--shadow-lg),0 0 60px #0000004d;animation:fadeUp .15s cubic-bezier(.34,1.56,.64,1);z-index:var(--z-dropdown);max-height:85vh;overflow-y:auto}.nav__mega-cols{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:var(--space-md)}.nav__mega-list{display:flex;flex-direction:column;gap:.15rem}.nav__mega-label{font-size:.6875rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-subtle);margin-bottom:.625rem;padding-left:.375rem;display:flex;align-items:center;gap:.5rem}.nav__mega-divider{height:1px;background:var(--border);margin:.875rem 0}.nav__mega-item{display:flex;align-items:center;gap:.625rem;padding:.625rem .75rem;border-radius:var(--radius-md);text-decoration:none;transition:all var(--transition-fast);color:var(--text)}.nav__mega-item:hover{background:#6c63ff14}.nav__mega-item.active{background:#6c63ff1f}.nav__mega-icon{font-size:1.1rem;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border-radius:var(--radius-sm);flex-shrink:0}.nav__mega-item.active .nav__mega-icon{background:#6c63ff33}.nav__mega-item--image:hover{background:#14b8a614}.nav__mega-item--image.active{background:#14b8a61f}.nav__mega-item--image.active .nav__mega-icon{background:#14b8a633;color:var(--teal, #14B8A6)}.nav__mega-name{display:block;font-size:.8125rem;font-weight:600;color:var(--text);line-height:1.3}.nav__mega-desc{display:block;font-size:.7rem;color:var(--text-subtle);margin-top:1px}.nav__mega-footer{margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--border);font-size:.75rem;color:var(--text-subtle);text-align:center}.nav__end{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.nav__signin{padding:.4rem .875rem;border-radius:var(--radius-md);font-size:.875rem;font-weight:500;color:var(--text-muted);background:transparent;border:none;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.nav__signin:hover{color:var(--text);background:#ffffff0d}.nav__cta{display:inline-flex;align-items:center;padding:.45rem 1rem;border-radius:var(--radius-md);background:var(--grad-primary);color:#fff;font-size:.8125rem;font-weight:600;text-decoration:none;white-space:nowrap;box-shadow:0 2px 12px #6c63ff59;transition:all var(--transition-fast)}.nav__cta:hover{box-shadow:0 4px 20px #6c63ff8c;transform:translateY(-1px)}.nav__user{position:relative}.nav__avatar{width:32px;height:32px;border-radius:50%;background:var(--grad-primary);border:2px solid rgba(108,99,255,.3);cursor:pointer;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:border-color var(--transition-fast)}.nav__avatar:hover{border-color:var(--primary)}.nav__avatar-img{width:100%;height:100%;object-fit:cover}.nav__avatar-letter{font-size:.8125rem;font-weight:800;color:#fff}.nav__user-panel{position:absolute;top:calc(100% + 10px);right:0;min-width:200px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);padding:.5rem;box-shadow:var(--shadow-lg);animation:fadeUp .15s ease;z-index:var(--z-dropdown)}.nav__user-meta{padding:.5rem .75rem .625rem;display:flex;flex-direction:column;gap:.2rem;border-bottom:1px solid var(--border);margin-bottom:.375rem}.nav__user-name{font-size:.875rem;font-weight:700;color:var(--text)}.nav__user-email{font-size:.75rem;color:var(--text-subtle);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav__signout{width:100%;padding:.5rem .75rem;border-radius:var(--radius-sm);background:transparent;border:none;font-size:.8125rem;color:var(--text-muted);cursor:pointer;text-align:left;transition:all var(--transition-fast)}.nav__signout:hover{background:#ef444414;color:#f87171}.nav__ham{display:none;flex-direction:column;justify-content:center;gap:5px;width:36px;height:36px;border-radius:var(--radius-sm);background:#ffffff0d;border:1px solid var(--border);cursor:pointer;padding:0 8px;flex-shrink:0}.nav__ham span{display:block;height:1.5px;background:var(--text-muted);border-radius:2px;transition:all var(--transition-fast);transform-origin:center}.nav__ham.open span:nth-child(1){transform:rotate(45deg) translate(4.5px,4.5px)}.nav__ham.open span:nth-child(2){opacity:0;transform:scaleX(0)}.nav__ham.open span:nth-child(3){transform:rotate(-45deg) translate(4.5px,-4.5px)}.nav__drawer{border-top:1px solid var(--border);background:var(--bg-elevated);padding:var(--space-md) var(--space-lg) var(--space-lg);display:flex;flex-direction:column;gap:.25rem;animation:fadeIn .15s ease;max-height:calc(100vh - 60px);overflow-y:auto}.nav__drawer-sec{border-bottom:1px solid rgba(255,255,255,.04)}.nav__drawer-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;padding:.8rem .5rem;background:transparent;border:none;cursor:pointer;color:var(--text);font-size:.9375rem;font-weight:600;text-align:left}.nav__drawer-trigger:hover,.nav__drawer-trigger.open{background:#ffffff05}.nav__drawer-arrow{font-size:1rem;color:var(--text-muted)}.nav__drawer-coll{padding:.25rem .25rem .5rem 1rem;display:flex;flex-direction:column;gap:.15rem}.nav__drawer-link{display:flex;align-items:center;gap:.625rem;padding:.6rem .75rem;border-radius:var(--radius-md);font-size:.875rem;font-weight:500;color:var(--text-muted);text-decoration:none;transition:all var(--transition-fast)}.nav__drawer-link:hover{background:#ffffff0a;color:var(--text)}.nav__drawer-link.active{background:#6c63ff1a;color:var(--primary-light)}.nav__drawer-link--image:hover{background:#14b8a614}.nav__drawer-link--image.active{background:#14b8a61f;color:var(--teal, #14B8A6)!important}.nav__drawer-link--pdf:hover{background:#a855f714}.nav__drawer-foot{display:flex;flex-direction:column;gap:var(--space-sm);margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--border)}@media (max-width: 900px){.nav__links,.nav__signin,.nav__cta{display:none}.nav__ham{display:flex}}@media (max-width: 480px){.nav__bar{padding:0 var(--space-md)}}.footer{position:relative;background:var(--bg-card);border-top:1px solid var(--border);padding:var(--space-4xl) 0 var(--space-xl);overflow:hidden}.footer__glow{position:absolute;bottom:-120px;left:50%;transform:translate(-50%);width:600px;height:300px;background:radial-gradient(ellipse,rgba(108,99,255,.15) 0%,transparent 70%);pointer-events:none}.footer__top{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:var(--space-2xl);margin-bottom:var(--space-2xl)}.footer__brand{display:flex;flex-direction:column;gap:var(--space-md)}.footer__logo{display:flex;align-items:center;gap:.5rem;text-decoration:none}.footer__logo-icon{width:36px;height:36px;background:var(--grad-primary);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:1rem}.footer__logo-text{font-size:1.25rem;font-weight:800;color:var(--text);letter-spacing:-.02em}.footer__logo-text span{color:var(--primary-light)}.footer__tagline{font-size:.875rem;color:var(--text-muted);line-height:1.6}.footer__socials{display:flex;gap:.625rem}.footer__social-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-muted);transition:all var(--transition-fast)}.footer__social-btn svg{width:16px;height:16px}.footer__social-btn:hover{background:#6c63ff1a;border-color:#6c63ff4d;color:var(--primary-light);transform:translateY(-2px)}.footer__col-heading{font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-subtle);margin-bottom:var(--space-md)}.footer__col-links{list-style:none;display:flex;flex-direction:column;gap:.625rem}.footer__link{font-size:.875rem;color:var(--text-muted);text-decoration:none;transition:color var(--transition-fast)}.footer__link:hover{color:var(--primary-light)}.footer__bottom{border-top:1px solid var(--border);padding-top:var(--space-lg);display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);flex-wrap:wrap}.footer__bottom-left{display:flex;flex-direction:column;gap:.375rem}.footer__copy{font-size:.875rem;color:var(--text-muted)}.footer__disclaimer{font-size:.75rem;color:var(--text-subtle)}.footer__support-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:linear-gradient(135deg,#ff6b9d1a,#6c63ff1a);border:1px solid rgba(255,107,157,.3);border-radius:var(--radius-full);color:var(--text);font-size:.875rem;font-weight:600;text-decoration:none;transition:all var(--transition-md);white-space:nowrap}.footer__support-btn:hover{transform:translateY(-2px);background:linear-gradient(135deg,#ff6b9d33,#6c63ff33);border-color:#ff6b9d80;box-shadow:0 4px 12px #ff6b9d26}.footer__support-btn span{font-size:1rem}.footer__om-pdf-card{display:flex;align-items:flex-start;gap:.75rem;padding:var(--space-md);background:linear-gradient(135deg,#6c63ff1a,#ff6b9d0f);border:1px solid rgba(108,99,255,.2);border-radius:var(--radius-lg);text-decoration:none;transition:all var(--transition-md);margin-top:var(--space-xs)}.footer__om-pdf-card:hover{border-color:#6c63ff66;box-shadow:0 4px 20px #6c63ff26;transform:translateY(-2px)}.footer__om-pdf-icon{font-size:1.5rem;flex-shrink:0;margin-top:2px}.footer__om-pdf-text{display:flex;flex-direction:column;gap:.25rem;flex:1}.footer__om-pdf-name{font-size:.9375rem;font-weight:700;color:var(--primary-light)}.footer__om-pdf-desc{font-size:.75rem;color:var(--text-subtle);line-height:1.5}.footer__om-pdf-arrow{font-size:1rem;color:var(--primary-light);flex-shrink:0;opacity:.6;transition:all var(--transition-fast)}.footer__om-pdf-card:hover .footer__om-pdf-arrow{opacity:1;transform:translate(2px,-2px)}@media (max-width: 1024px){.footer__top{grid-template-columns:1fr 1fr;gap:var(--space-xl)}.footer__brand{grid-column:span 2}}@media (max-width: 600px){.footer__top{grid-template-columns:1fr}.footer__brand{grid-column:span 1}}.url-input{width:100%;max-width:740px;display:flex;flex-direction:column;gap:.75rem}.url-input__wrap{display:flex;flex-direction:column;background:#ffffff0a;border:1.5px solid rgba(255,255,255,.1);border-radius:var(--radius-xl);overflow:hidden;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.url-input__wrap:focus-within{border-color:var(--primary);box-shadow:0 0 0 4px #6c63ff26,var(--shadow-glow)}.url-input__wrap--error{border-color:var(--danger)!important;box-shadow:0 0 0 3px #ef44441a!important}.url-input__wrap--detected{border-color:#6c63ff80}.url-input__detected-badge{display:flex;align-items:center;gap:.375rem;padding:.5rem 1.25rem;font-size:.75rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--badge-color, var(--primary-light));background:#6c63ff14;border-bottom:1px solid rgba(255,255,255,.06);animation:fadeIn .2s ease}.url-input__field-row{display:flex;align-items:center;gap:.75rem;padding:.875rem 1.25rem;border-bottom:1px solid rgba(255,255,255,.06)}.url-input__link-icon{width:20px;height:20px;color:var(--text-subtle);flex-shrink:0}.url-input__field{flex:1;background:transparent;border:none;color:var(--text);font-size:1rem;font-family:var(--font-sans);caret-color:var(--primary)}.url-input__field::placeholder{color:var(--text-subtle)}.url-input__field:focus{outline:none}.url-input__paste-btn{flex-shrink:0;font-size:.8125rem;color:var(--text-muted);white-space:nowrap}.url-input__submit{width:100%;border-radius:0;border-top:1px solid rgba(255,255,255,.06);padding:1rem;font-size:1.0625rem;letter-spacing:.01em;border-bottom-left-radius:var(--radius-xl);border-bottom-right-radius:var(--radius-xl)}.url-input__submit-icon{width:20px;height:20px}.url-input__error{font-size:.875rem;color:#f87171;padding:0 .25rem;animation:fadeUp .15s ease}.url-input__hint{font-size:.8125rem;color:var(--text-subtle);text-align:center;padding:0 .25rem}@media (max-width: 600px){.url-input__field{font-size:.9375rem}.url-input__paste-btn{display:none}}.hero{position:relative;min-height:100vh;display:flex;align-items:center;overflow:hidden;padding:120px 0 80px}.hero__blobs{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.hero__blob{position:absolute;border-radius:50%;filter:blur(80px);animation:blob-pulse 8s ease-in-out infinite}.hero__blob--1{width:600px;height:600px;background:radial-gradient(circle,rgba(108,99,255,.18) 0%,transparent 70%);top:-150px;left:-100px;animation-delay:0s}.hero__blob--2{width:500px;height:500px;background:radial-gradient(circle,rgba(255,107,157,.14) 0%,transparent 70%);top:50px;right:-80px;animation-delay:3s}.hero__blob--3{width:400px;height:400px;background:radial-gradient(circle,rgba(79,70,229,.12) 0%,transparent 70%);bottom:-100px;left:40%;animation-delay:6s}.hero__grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:60px 60px;-webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 0%,black 0%,transparent 100%);mask-image:radial-gradient(ellipse 80% 60% at 50% 0%,black 0%,transparent 100%);pointer-events:none}.hero__content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-lg)}.hero__eyebrow{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem 1rem;border-radius:var(--radius-full);background:#6c63ff1f;border:1px solid rgba(108,99,255,.25);font-size:.8125rem;font-weight:600;letter-spacing:.04em;color:var(--primary-light);text-transform:uppercase}.hero__live-dot{width:7px;height:7px;border-radius:50%;background:var(--success);box-shadow:0 0 8px var(--success);animation:dot-pulse 1.5s ease-in-out infinite}.hero__title{font-size:clamp(2.4rem,6vw,5rem);font-weight:900;line-height:1.08;letter-spacing:-.03em;color:var(--text);max-width:800px}.hero__subtitle{font-size:clamp(1rem,2.5vw,1.25rem);color:var(--text-muted);max-width:560px;line-height:1.65}.hero__input{width:100%;max-width:740px;margin-top:var(--space-sm)}.hero__platforms{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-top:var(--space-xs)}.platform-pill{display:inline-flex;align-items:center;gap:.375rem;padding:.3rem .75rem;border-radius:var(--radius-full);background:#ffffff0d;border:1px solid rgba(255,255,255,.08);font-size:.8125rem;font-weight:500;color:var(--text-muted);transition:all var(--transition-fast)}.platform-pill:hover{background:rgba(var(--c, 108,99,255),.12);border-color:rgba(var(--c, 108,99,255),.3);color:var(--text)}.stats-section{background:var(--bg-card);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-lg)}.stat-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.375rem;padding:var(--space-lg)}.stat-card__value{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:900;letter-spacing:-.03em;background:var(--grad-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:counter-up .6s ease both}.stat-card__label{font-size:.875rem;color:var(--text-muted);font-weight:500}.tools-section{background:var(--bg)}.section-header{text-align:center;margin-bottom:var(--space-3xl);display:flex;flex-direction:column;align-items:center}.tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-lg)}.tools-category-label{font-size:.8125rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--text-muted);margin-bottom:1.25rem;display:flex;align-items:center;gap:.625rem}.tool-card{position:relative;display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-xl);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);text-decoration:none;overflow:hidden;transition:all var(--transition-md);cursor:pointer}.tool-card__glow{position:absolute;top:-40px;right:-40px;width:160px;height:160px;background:radial-gradient(circle,rgba(108,99,255,.15) 0%,transparent 70%);border-radius:50%;pointer-events:none;opacity:0;transition:opacity var(--transition-md)}.tool-card:hover{border-color:#6c63ff59;box-shadow:var(--shadow-card-hover);transform:translateY(-4px)}.tool-card:hover .tool-card__glow{opacity:1}.tool-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-sm)}.tool-card__icon{font-size:2rem;line-height:1}.tool-card__badges{display:flex;flex-wrap:wrap;gap:.25rem;justify-content:flex-end}.tool-card__name{font-size:1.125rem;font-weight:700;color:var(--text);line-height:1.3}.tool-card__desc{font-size:.875rem;color:var(--text-muted);line-height:1.6;flex:1}.tool-card__formats{display:flex;flex-wrap:wrap;gap:.375rem;margin-top:auto}.tool-card__format{display:inline-block;padding:.2rem .5rem;border-radius:var(--radius-sm);background:#6c63ff1a;color:var(--primary-light);font-size:.7rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.tool-card__arrow{margin-top:var(--space-sm);font-size:1.1rem;color:var(--primary-light);opacity:0;transform:translate(-8px);transition:all var(--transition-fast);align-self:flex-end}.tool-card:hover .tool-card__arrow{opacity:1;transform:translate(0)}.tool-card--image .tool-card__glow{background:radial-gradient(circle,rgba(20,184,166,.15) 0%,transparent 70%)}.tool-card--image:hover{border-color:#14b8a659;box-shadow:0 10px 30px -10px #14b8a626}.tool-card--image .tool-card__arrow,.tool-card--image .tool-card__format{color:var(--teal, #14B8A6)}.tool-card--image .tool-card__format{background:#14b8a61a}.platforms-section{background:var(--bg-card)}.platforms-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-md)}.platform-card{display:flex;flex-direction:column;align-items:center;gap:.625rem;padding:var(--space-xl) var(--space-md);background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);cursor:default;transition:all var(--transition-md)}.platform-card:hover{border-color:color-mix(in srgb,var(--c, #6C63FF) 40%,transparent);box-shadow:0 0 24px color-mix(in srgb,var(--c, #6C63FF) 20%,transparent);transform:translateY(-2px)}.platform-card__icon{font-size:2.25rem}.platform-card__name{font-size:.875rem;font-weight:600;color:var(--text-muted)}.features-section{background:var(--bg)}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-lg)}.feature-card{display:flex;flex-direction:column;gap:.75rem;padding:var(--space-xl);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);transition:all var(--transition-md);animation:fadeUp .5s ease both}.feature-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-card);transform:translateY(-2px)}.feature-card__icon{font-size:2rem}.feature-card__title{font-size:1rem;font-weight:700;color:var(--text)}.feature-card__desc{font-size:.875rem;color:var(--text-muted);line-height:1.6}.cta-section{background:var(--bg-card)}.cta-card{position:relative;text-align:center;padding:var(--space-4xl) var(--space-xl);background:linear-gradient(135deg,#6c63ff1f,#ff6b9d14);border:1px solid rgba(108,99,255,.2);border-radius:var(--radius-2xl);overflow:hidden}.cta-card__glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:300px;background:radial-gradient(ellipse,rgba(108,99,255,.2) 0%,transparent 70%);pointer-events:none}.cta-card__title{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:900;color:var(--text);margin-bottom:var(--space-md);position:relative}.cta-card__subtitle{font-size:1.0625rem;color:var(--text-muted);max-width:500px;margin:0 auto var(--space-xl);line-height:1.65;position:relative}.cta-card__actions{display:flex;gap:var(--space-md);justify-content:center;flex-wrap:wrap;position:relative}.faq-section{background:var(--bg)}.faq-list{max-width:760px;margin:0 auto;display:flex;flex-direction:column;gap:.75rem}.faq-item__trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-lg) var(--space-xl);background:transparent;text-align:left;color:var(--text);font-size:1rem;font-weight:600;cursor:pointer;transition:background var(--transition-fast)}.faq-item__chevron{flex-shrink:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#6c63ff1a;border-radius:var(--radius-sm);font-size:1.25rem;color:var(--primary-light);font-weight:400;line-height:1}.faq-item__panel{padding:0 var(--space-xl) var(--space-lg);animation:fadeUp .15s ease}.faq-item__a{font-size:.9375rem;color:var(--text-muted);line-height:1.7}@media (max-width: 1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}.platforms-grid{grid-template-columns:repeat(3,1fr)}.features-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.hero{padding:100px 0 60px;min-height:auto}.hero__title{font-size:clamp(2rem,8vw,3rem)}.stats-grid{grid-template-columns:repeat(2,1fr);gap:.5rem}.platforms-grid{grid-template-columns:repeat(2,1fr)}.features-grid{grid-template-columns:1fr}.cta-card{padding:var(--space-3xl) var(--space-md)}}@media (max-width: 480px){.stats-grid{grid-template-columns:repeat(2,1fr)}.hero__title{letter-spacing:-.02em}}.proc-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:var(--space-md);animation:fadeIn .2s ease}.proc-overlay__bg{position:absolute;top:0;right:0;bottom:0;left:0;background:#05050ceb;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.proc-blob{position:absolute;border-radius:50%;filter:blur(80px);pointer-events:none}.proc-blob--1{width:400px;height:400px;top:-100px;left:-100px;background:radial-gradient(circle,rgba(108,99,255,.2) 0%,transparent 70%);animation:blob-pulse 6s ease-in-out infinite}.proc-blob--2{width:350px;height:350px;bottom:-80px;right:-80px;background:radial-gradient(circle,rgba(255,107,157,.15) 0%,transparent 70%);animation:blob-pulse 8s ease-in-out infinite reverse}.proc-card{position:relative;width:100%;max-width:480px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-2xl);padding:var(--space-2xl);display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-lg);box-shadow:var(--shadow-lg),0 0 80px #6c63ff1a;animation:fadeUp .3s cubic-bezier(.34,1.56,.64,1)}.proc-card__icon-wrap{position:relative;width:88px;height:88px;display:flex;align-items:center;justify-content:center}.proc-card__icon{font-size:2.25rem;z-index:1;position:relative}.proc-card__icon-wrap.spinning .proc-card__icon{animation:float 2s ease-in-out infinite}.proc-card__icon-wrap.done{animation:counter-up .4s ease}.proc-card__ring{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;transform:rotate(-90deg);animation:spin-slow 2s linear infinite}.proc-card__title{font-size:1.375rem;font-weight:800;color:var(--text);letter-spacing:-.02em}.proc-card__title.error{color:#f87171}.proc-card__title.done{background:var(--grad-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.proc-card__filename{font-size:.875rem;color:var(--primary-light);font-weight:600;background:#6c63ff1a;padding:.25rem .75rem;border-radius:var(--radius-full);border:1px solid rgba(108,99,255,.2);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.proc-card__desc{font-size:.9375rem;color:var(--text-muted);line-height:1.6}.proc-card__desc--progress{font-weight:600;color:var(--text);font-size:1.0625rem}.proc-card__bar-wrap{width:100%;height:6px;background:#ffffff0f;border-radius:var(--radius-full);overflow:hidden;position:relative}.proc-card__bar{height:100%;background:var(--grad-accent);border-radius:var(--radius-full);transition:width .3s cubic-bezier(.4,0,.2,1);box-shadow:0 0 12px #6c63ff99}.proc-card__bar--indeterminate{position:absolute;top:0;right:0;bottom:0;left:0;width:40%!important;background:var(--grad-primary);animation:indeterminate 1.5s ease-in-out infinite}@keyframes indeterminate{0%{left:-40%;right:140%}50%{left:20%;right:20%}to{left:140%;right:-40%}}.proc-card__stages{width:100%;display:flex;flex-direction:column;gap:.5rem;text-align:left}.proc-stage{display:flex;align-items:center;gap:.625rem;opacity:.35;transition:opacity var(--transition-md)}.proc-stage.done{opacity:.7}.proc-stage.active{opacity:1}.proc-stage__dot{width:8px;height:8px;border-radius:50%;background:var(--text-subtle);flex-shrink:0;transition:background var(--transition-md)}.proc-stage.done .proc-stage__dot{background:var(--success)}.proc-stage.active .proc-stage__dot{background:var(--primary);box-shadow:0 0 8px var(--primary);animation:dot-pulse 1s ease-in-out infinite}.proc-stage__label{font-size:.875rem;color:var(--text-muted)}.proc-stage.active .proc-stage__label{color:var(--text);font-weight:600}.proc-stage.done .proc-stage__label{color:var(--success)}.proc-card__privacy{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:var(--text-subtle);background:#10b9810f;border:1px solid rgba(16,185,129,.12);border-radius:var(--radius-md);padding:.5rem .875rem}.proc-card__actions{display:flex;gap:var(--space-md);width:100%;justify-content:center}.tool-hero{position:relative;padding:100px 0 60px;overflow:hidden;background:var(--bg);border-bottom:1px solid var(--border)}.tool-hero__bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 60% 80% at 50% -20%,rgba(108,99,255,.14) 0%,transparent 70%),linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:100% 100%,60px 60px,60px 60px;pointer-events:none}.tool-hero__content{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-md);max-width:800px;margin:0 auto}.tool-hero__badge{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem 1rem;background:#6c63ff1f;border:1px solid rgba(108,99,255,.25);border-radius:var(--radius-full);font-size:1.1rem}.tool-hero__platform{font-size:.8125rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--primary-light)}.tool-hero__title{font-size:clamp(1.875rem,5vw,3rem);font-weight:900;color:var(--text);letter-spacing:-.03em;line-height:1.1}.tool-hero__subtitle{font-size:1.0625rem;color:var(--text-muted);max-width:520px;line-height:1.65}.tool-hero__input{width:100%;max-width:720px;margin-top:var(--space-sm)}.tool-hero__analyzing{display:flex;align-items:center;justify-content:center;gap:.625rem;margin-top:var(--space-md);font-size:.9375rem;font-weight:500;color:var(--text-muted);animation:fadeIn .2s ease}.tool-url-form{display:flex;flex-direction:column;gap:var(--space-md);align-items:center}.tool-hero__fetch-btn{width:100%;max-width:340px}.tool-hero__tags{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-top:var(--space-sm)}.tool-result{background:var(--bg)}.tool-error{display:flex;align-items:center;gap:.75rem;padding:var(--space-md) var(--space-lg);background:#ef444414;border:1px solid rgba(239,68,68,.25);border-radius:var(--radius-lg);color:#f87171;font-size:.9375rem;font-weight:500}.tool-download-note{margin-top:var(--space-md);text-align:center;font-size:.9375rem;color:var(--text-muted);padding:var(--space-md);background:#10b9810f;border:1px solid rgba(16,185,129,.15);border-radius:var(--radius-lg)}.dl-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-card)}.dl-card__thumb-wrap{position:relative;width:100%;aspect-ratio:16/9;background:var(--bg-surface);overflow:hidden}.dl-card__thumb{width:100%;height:100%;object-fit:cover}.dl-card__duration{position:absolute;bottom:.625rem;right:.625rem;padding:.25rem .625rem;background:#000c;border-radius:var(--radius-sm);font-size:.8125rem;font-weight:600;color:#fff}.dl-card__info{padding:var(--space-xl);display:flex;flex-direction:column;gap:var(--space-md)}.dl-card__title{font-size:1.125rem;font-weight:700;color:var(--text);line-height:1.4}.dl-card__channel{font-size:.875rem;color:var(--text-muted)}.dl-card__privacy-note{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:var(--text-subtle);background:#10b9810d;border:1px solid rgba(16,185,129,.1);border-radius:var(--radius-md);padding:.5rem .875rem;margin-top:var(--space-sm)}.dl-card__formats{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.625rem}.dl-format-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;padding:var(--space-md) var(--space-sm);background:var(--bg-surface);border:1.5px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-md);color:var(--text)}.dl-format-btn:hover{border-color:var(--primary);background:#6c63ff1a;box-shadow:0 0 16px #6c63ff33;transform:translateY(-2px)}.dl-format-btn:active{transform:scale(.97)}.dl-format-btn__label{font-size:1rem;font-weight:800;color:var(--primary-light)}.dl-format-btn__quality{font-size:.75rem;font-weight:600;color:var(--text-muted)}.dl-format-btn__size{font-size:.7rem;color:var(--text-subtle)}.dl-skeleton{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);overflow:hidden}.dl-skeleton__thumb{width:100%;aspect-ratio:16/9;border-radius:0}.dl-skeleton__info{padding:var(--space-xl)}.dl-skeleton__formats{display:grid;grid-template-columns:repeat(4,1fr);gap:.625rem}.tool-features{background:var(--bg-card)}.tool-features__heading{font-size:1.5rem;font-weight:800;color:var(--text);text-align:center;margin-bottom:var(--space-xl)}.tool-features__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--space-md)}.tool-seo-content{background:var(--bg)}.tool-seo-content__inner{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-2xl);display:flex;flex-direction:column;gap:var(--space-md)}.tool-seo-content__inner h2{font-size:1.375rem;font-weight:800;color:var(--text)}.tool-seo-content__inner h3{font-size:1.0625rem;font-weight:700;color:var(--text);margin-top:var(--space-sm)}.tool-seo-content__inner p,.tool-seo-content__inner li{font-size:.9375rem;color:var(--text-muted);line-height:1.7}.tool-seo-content__inner ol{padding-left:var(--space-lg);display:flex;flex-direction:column;gap:.5rem}.tool-back-link{margin-top:var(--space-sm)}.tool-faq{background:var(--bg-card)}.tool-faq__heading{font-size:1.5rem;font-weight:800;color:var(--text);text-align:center;margin-bottom:var(--space-xl)}.tool-faq__list{max-width:760px;margin:0 auto;display:flex;flex-direction:column;gap:.75rem}@media (max-width: 768px){.tool-hero{padding:80px 0 40px}.dl-skeleton__formats,.dl-card__formats{grid-template-columns:repeat(2,1fr)}}.playlist-container{display:flex;flex-direction:column;gap:var(--space-xl);width:100%}.playlist-header-card{display:flex;flex-direction:row;align-items:center;gap:var(--space-xl);padding:var(--space-xl);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);animation:fadeUp var(--transition-slow) forwards}.playlist-header-card__thumb-wrap{position:relative;width:180px;aspect-ratio:16/9;border-radius:var(--radius-lg);overflow:hidden;background:var(--bg-surface);flex-shrink:0;border:1px solid rgba(255,255,255,.05)}.playlist-header-card__thumb{width:100%;height:100%;object-fit:cover}.playlist-header-card__badge{position:absolute;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#fff;font-size:.9rem;font-weight:700}.playlist-header-card__badge-icon{font-size:1.5rem}.playlist-header-card__info{display:flex;flex-direction:column;gap:.5rem}.playlist-header-card__title{font-size:1.5rem;font-weight:800;color:var(--text);line-height:1.3}.playlist-header-card__meta{font-size:.9375rem;color:var(--text-muted)}.playlist-workspace{display:grid;grid-template-columns:1.6fr 1fr;gap:var(--space-xl);align-items:start}.playlist-list-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-xl);box-shadow:var(--shadow-card);display:flex;flex-direction:column;gap:var(--space-md);max-height:700px}.playlist-list-card__header{display:flex;justify-content:space-between;align-items:center;padding-bottom:var(--space-md);border-bottom:1px solid var(--border)}.playlist-list-card__title{font-size:1.125rem;font-weight:700;color:var(--text)}.playlist-list-card__actions{display:flex;gap:var(--space-sm)}.playlist-list__scroll{overflow-y:auto;padding-right:4px;display:flex;flex-direction:column;gap:.75rem}.playlist-item{display:flex;align-items:center;gap:var(--space-md);padding:.75rem;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-md);-webkit-user-select:none;user-select:none}.playlist-item:hover{border-color:var(--border-hover);background:var(--bg-elevated)}.playlist-item--selected{border-color:#6c63ff66;background:#6c63ff0d}.playlist-item__checkbox-wrap{display:flex;align-items:center;justify-content:center;padding:4px}.playlist-item__checkbox{width:18px;height:18px;accent-color:var(--primary);cursor:pointer}.playlist-item__thumb-wrap{position:relative;width:100px;aspect-ratio:16/9;border-radius:var(--radius-sm);overflow:hidden;background:var(--bg-surface);flex-shrink:0}.playlist-item__thumb{width:100%;height:100%;object-fit:cover}.playlist-item__duration{position:absolute;bottom:4px;right:4px;background:#000c;color:#fff;font-size:.7rem;font-weight:700;padding:1px 4px;border-radius:var(--radius-sm)}.playlist-item__info{display:flex;flex-direction:column;gap:2px;min-width:0;flex-grow:1}.playlist-item__title{font-size:.9rem;font-weight:600;color:var(--text);line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.playlist-item__channel{font-size:.75rem;color:var(--text-muted)}.playlist-settings-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-xl);box-shadow:var(--shadow-card);display:flex;flex-direction:column;gap:var(--space-lg);position:sticky;top:100px}.playlist-settings-card__title{font-size:1.125rem;font-weight:700;color:var(--text);border-bottom:1px solid var(--border);padding-bottom:var(--space-sm)}.setting-group{display:flex;flex-direction:column;gap:.5rem}.setting-group__label{font-size:.875rem;font-weight:600;color:var(--text-muted)}.setting-group__select{background:var(--bg-surface);border:1.5px solid var(--border);border-radius:var(--radius-lg);color:var(--text);font-size:.9375rem;padding:.75rem 1rem;cursor:pointer;transition:all var(--transition-fast)}.setting-group__select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #6c63ff26}.playlist-warning-box{display:flex;gap:.75rem;padding:var(--space-md);background:#f59e0b14;border:1px solid rgba(245,158,11,.25);border-radius:var(--radius-lg);color:#fbbf24;font-size:.8125rem;line-height:1.5}.playlist-warning-box__icon{font-size:1.25rem;flex-shrink:0}.playlist-summary{display:flex;flex-direction:column;gap:.5rem;background:var(--bg-surface);padding:var(--space-md);border-radius:var(--radius-lg);border:1px solid var(--border)}.playlist-summary__row{display:flex;justify-content:space-between;font-size:.875rem}.playlist-summary__label{color:var(--text-muted)}.playlist-summary__value{font-weight:600;color:var(--text)}.playlist-success-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-2xl);box-shadow:var(--shadow-card);text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--space-xl);max-width:720px;margin:0 auto;animation:fadeUp var(--transition-slow) forwards}.playlist-success-card__icon-wrap{width:80px;height:80px;background:#10b9811a;border:1.5px dashed var(--success);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2.5rem;color:var(--success)}.playlist-success-card__content{display:flex;flex-direction:column;gap:.5rem}.playlist-success-card__title{font-size:1.75rem;font-weight:800;color:var(--text)}.playlist-success-card__desc{font-size:1rem;color:var(--text-muted)}.extract-instructions{width:100%;text-align:left;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.extract-instructions__header{padding:var(--space-md) var(--space-lg);background:#ffffff05;border-bottom:1px solid var(--border);font-size:.9375rem;font-weight:700;color:var(--text);display:flex;align-items:center;gap:.5rem}.extract-instructions__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md);padding:var(--space-lg)}.extract-step{display:flex;flex-direction:column;gap:4px}.extract-step__platform{font-size:.8125rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--primary-light)}.extract-step__text{font-size:.875rem;color:var(--text-muted);line-height:1.5}.playlist-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0a0fd9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:var(--space-lg)}.playlist-overlay__card{width:100%;max-width:500px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-xl);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;gap:var(--space-lg);position:relative;overflow:hidden}.playlist-overlay__header{display:flex;flex-direction:column;gap:4px}.playlist-overlay__title{font-size:1.25rem;font-weight:800;color:var(--text)}.playlist-overlay__subtitle{font-size:.875rem;color:var(--text-muted)}.progress-track{display:flex;flex-direction:column;gap:.5rem}.progress-track__labels{display:flex;justify-content:space-between;font-size:.8125rem;font-weight:600}.progress-track__percentage{color:var(--primary-light)}.progress-track__bar-wrap{width:100%;height:8px;background:var(--bg-surface);border-radius:var(--radius-full);overflow:hidden;border:1px solid var(--border)}.progress-track__bar{height:100%;background:var(--grad-primary);border-radius:var(--radius-full);transition:width .3s ease}.progress-track__bar--accent{background:var(--grad-accent)}.playlist-overlay__detail-row{display:flex;justify-content:space-between;align-items:center;font-size:.8125rem;color:var(--text-subtle);background:var(--bg-surface);padding:.5rem .75rem;border-radius:var(--radius-md);border:1px solid var(--border)}.playlist-overlay__item-info{display:flex;flex-direction:column;gap:2px;font-size:.875rem;background:var(--bg-surface);padding:var(--space-md);border-radius:var(--radius-lg);border:1px solid var(--border)}.playlist-overlay__item-title{font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.playlist-overlay__item-status{font-size:.75rem;color:var(--text-muted)}@media (max-width: 992px){.playlist-workspace{grid-template-columns:1fr}.playlist-settings-card{position:static}}@media (max-width: 576px){.playlist-header-card{flex-direction:column;text-align:center;gap:var(--space-md)}.playlist-header-card__thumb-wrap{width:140px}.extract-instructions__grid{grid-template-columns:1fr}}.ltp-page{min-height:100vh}.ltp-hero{position:relative;padding:5rem 0 3.5rem;overflow:hidden}.ltp-hero__glow{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 70% 50% at 30% 0%,rgba(108,99,255,.14) 0%,transparent 70%),radial-gradient(ellipse 50% 40% at 80% 30%,rgba(255,107,157,.08) 0%,transparent 60%);pointer-events:none}.ltp-hero__body{display:flex;align-items:center;gap:2rem;position:relative}.ltp-hero__icon-wrap{flex-shrink:0;width:80px;height:80px;border-radius:22px;background:linear-gradient(135deg,#6c63ff33,#4f46e51a);border:1px solid rgba(108,99,255,.25);display:flex;align-items:center;justify-content:center;box-shadow:0 0 32px #6c63ff33;animation:float 5s ease-in-out infinite}.ltp-hero__icon{font-size:2.5rem}.ltp-hero__text{flex:1}.ltp-hero__pills{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:.875rem;animation:fadeUp .4s both}.ltp-pill{display:inline-flex;align-items:center;gap:.3rem;padding:.25rem .75rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.ltp-pill--lock{background:#10b9811f;color:#34d399;border:1px solid rgba(16,185,129,.25)}.ltp-pill--free{background:#6c63ff1f;color:var(--primary-light);border:1px solid rgba(108,99,255,.25)}.ltp-hero__title{font-size:clamp(1.875rem,4.5vw,3rem);font-weight:800;line-height:1.15;color:var(--text);letter-spacing:-.02em;margin-bottom:.75rem;animation:fadeUp .4s .1s both}.ltp-hero__sub{font-size:1.05rem;color:var(--text-muted);line-height:1.65;max-width:560px;animation:fadeUp .4s .2s both}.ltp-workspace{padding:0 0 4rem}.ltp-compat-warn{display:flex;align-items:flex-start;gap:1rem;background:#ef444412;border:1px solid rgba(239,68,68,.2);border-radius:var(--radius-lg);padding:1.25rem 1.5rem;color:#fca5a5;font-size:.9375rem;margin-bottom:1.5rem;line-height:1.5}.ltp-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-2xl);overflow:hidden;box-shadow:var(--shadow-md);display:flex;flex-direction:column;gap:0;transition:border-color var(--transition-md),box-shadow var(--transition-md)}.ltp-card:focus-within{border-color:#6c63ff40}.ltp-drop{position:relative;cursor:pointer;-webkit-user-select:none;user-select:none;outline:none;padding:3.5rem 2rem 3rem;text-align:center;transition:background var(--transition-md);background:var(--bg-card);overflow:hidden}.ltp-drop:focus-visible{box-shadow:0 0 0 3px #6c63ff66 inset}.ltp-drop__border{position:absolute;top:12px;right:12px;bottom:12px;left:12px;border-radius:var(--radius-xl);border:2px dashed rgba(108,99,255,.3);transition:border-color var(--transition-md),opacity var(--transition-md);pointer-events:none}.ltp-drop:hover .ltp-drop__border,.ltp-drop--over .ltp-drop__border{border-color:var(--primary);animation:border-dash 6s linear infinite}@keyframes border-dash{to{stroke-dashoffset:-100}}.ltp-drop__input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;width:0;height:0;pointer-events:none}.ltp-drop__body{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:.5rem}.ltp-drop__icon-wrap{position:relative;width:88px;height:88px;display:flex;align-items:center;justify-content:center;margin-bottom:.5rem;transition:transform var(--transition-spring)}.ltp-drop:hover .ltp-drop__icon-wrap,.ltp-drop--over .ltp-drop__icon-wrap{transform:scale(1.08) translateY(-4px)}.ltp-drop__icon-wrap--drag{transform:scale(1.1) translateY(-6px)!important}.ltp-drop__emoji{font-size:3.5rem;display:block;filter:drop-shadow(0 8px 24px rgba(108,99,255,.35));position:relative;z-index:2}.ltp-drop__ring{position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%;border:2px solid rgba(108,99,255,.2);animation:pulse-ring 3s ease-in-out infinite}@keyframes pulse-ring{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.12);opacity:1}}.ltp-drop__title{font-size:1.25rem;font-weight:700;color:var(--text);margin-top:.25rem}.ltp-drop__sub{font-size:.875rem;color:var(--text-muted);margin-bottom:1rem}.ltp-drop__cta{display:inline-block}.ltp-drop__cta-inner{display:inline-flex;align-items:center;gap:.5rem;background:var(--grad-primary);color:#fff;padding:.6875rem 1.5rem;border-radius:var(--radius-full);font-size:.9375rem;font-weight:600;box-shadow:0 4px 20px #6c63ff66;transition:all var(--transition-md)}.ltp-drop:hover .ltp-drop__cta-inner,.ltp-drop--over .ltp-drop__cta-inner{box-shadow:0 8px 32px #6c63ff99;transform:translateY(-1px)}.ltp-drop--over .ltp-drop__cta-inner{background:var(--grad-accent)}.ltp-drop__hint{font-size:.8rem;color:var(--text-subtle);margin-top:.375rem}.ltp-drop--over{background:#6c63ff0a}.ltp-filebar{display:flex;align-items:center;gap:.875rem;padding:1rem 1.5rem;background:#6c63ff0d;border-bottom:1px solid var(--border)}.ltp-filebar__icon{font-size:1.75rem;flex-shrink:0}.ltp-filebar__info{flex:1;min-width:0;display:flex;flex-direction:column;gap:.2rem}.ltp-filebar__name{font-weight:600;font-size:.9375rem;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ltp-filebar__meta{font-size:.8125rem;color:var(--text-muted);display:flex;align-items:center;gap:.5rem}.ltp-filebar__tag{background:#6c63ff26;color:var(--primary-light);padding:.125rem .5rem;border-radius:var(--radius-sm);font-size:.7rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.ltp-filebar__change{flex-shrink:0;padding:.4rem .875rem;border-radius:var(--radius-full);background:transparent;border:1px solid var(--border);color:var(--text-muted);font-size:.8125rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.ltp-filebar__change:hover{border-color:var(--primary);color:var(--primary-light);background:#6c63ff14}.ltp-preview{border-bottom:1px solid var(--border);padding:1.25rem 1.5rem;background:#0003}.ltp-preview--audio{background:#6c63ff0a}.ltp-preview__label{display:flex;align-items:center;gap:.5rem;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);margin-bottom:.875rem}.ltp-preview__dot{width:7px;height:7px;border-radius:50%;background:#34d399;box-shadow:0 0 8px #34d399;animation:dot-pulse 2s ease-in-out infinite}.ltp-preview__video{width:100%;max-height:360px;border-radius:var(--radius-lg);background:#000;display:block;box-shadow:var(--shadow-md)}.ltp-preview__audio-wrap{display:flex;align-items:center;gap:1rem}.ltp-preview__audio-icon{font-size:2.5rem;flex-shrink:0;width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:#6c63ff1f;border-radius:var(--radius-lg)}.ltp-preview__audio-info{flex:1;display:flex;flex-direction:column;gap:.5rem;min-width:0}.ltp-preview__audio-name{font-size:.875rem;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ltp-preview__audio{width:100%;height:40px}.ltp-controls{padding:1.5rem;border-bottom:1px solid var(--border);display:flex;flex-direction:column;gap:1.25rem}.ltp-controls__title{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:-.25rem}.ltp-ctrl-row{display:flex;flex-direction:column;gap:.625rem}.ltp-ctrl-label{font-size:.875rem;font-weight:600;color:var(--text);display:flex;align-items:center;gap:.5rem}.ltp-ctrl-desc{font-size:.8rem;color:var(--text-muted);line-height:1.5}.ltp-ctrl-select{width:100%;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text);font-size:.9375rem;font-weight:500;padding:.75rem 2.5rem .75rem 1rem;transition:all var(--transition-fast);-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%236C63FF' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center}.ltp-ctrl-select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #6c63ff26;outline:none;background-color:var(--bg-elevated)}.ltp-ctrl-select:hover{border-color:#6c63ff66}.ltp-ctrl-input{width:100%;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text);font-size:.9375rem;font-weight:500;padding:.75rem 1rem;transition:all var(--transition-fast)}.ltp-ctrl-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #6c63ff26;outline:none;background-color:var(--bg-elevated)}.ltp-ctrl-input::placeholder{color:var(--text-subtle)}.ltp-ctrl-slider-wrap{display:grid;grid-template-columns:1fr auto;align-items:center;gap:1rem}.ltp-ctrl-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;border-radius:99px;background:var(--bg-elevated);outline:none;cursor:pointer}.ltp-ctrl-slider::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:50%;background:var(--grad-primary);cursor:pointer;box-shadow:0 0 10px #6c63ff80;transition:all var(--transition-fast);border:2px solid rgba(255,255,255,.15)}.ltp-ctrl-slider::-webkit-slider-thumb:hover{box-shadow:0 0 18px #6c63ffb3;transform:scale(1.15)}.ltp-ctrl-slider::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:var(--grad-primary);cursor:pointer;border:2px solid rgba(255,255,255,.15);box-shadow:0 0 10px #6c63ff80}.ltp-ctrl-slider-value{font-size:.9375rem;font-weight:700;color:var(--primary-light);min-width:4.5rem;text-align:right;white-space:nowrap}.ltp-time-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.ltp-go-btn{display:flex;align-items:center;justify-content:center;gap:.75rem;width:calc(100% - 3rem);margin:1.5rem;padding:1rem 2rem;background:var(--grad-primary);color:#fff;border:none;border-radius:var(--radius-lg);font-size:1.0625rem;font-weight:700;cursor:pointer;position:relative;overflow:hidden;box-shadow:0 4px 24px #6c63ff73;transition:all var(--transition-md)}.ltp-go-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#fff0;transition:background var(--transition-fast)}.ltp-go-btn:hover:before{background:#ffffff14}.ltp-go-btn:hover{box-shadow:0 8px 36px #6c63ff99;transform:translateY(-1px)}.ltp-go-btn:active{transform:scale(.98)}.ltp-go-btn__icon{font-size:1.25rem;animation:spin-slow 4s linear infinite}.ltp-go-btn__arrow{font-size:1.1rem;transition:transform var(--transition-fast)}.ltp-go-btn:hover .ltp-go-btn__arrow{transform:translate(4px)}.ltp-cancel-btn{display:flex;align-items:center;justify-content:center;width:calc(100% - 3rem);margin:0 1.5rem 1.5rem;padding:.75rem;background:transparent;border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-muted);font-size:.9rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.ltp-cancel-btn:hover{border-color:#ef444466;color:#fca5a5;background:#ef44440d}.ltp-prog{padding:1.5rem;border-bottom:1px solid var(--border);display:flex;flex-direction:column;gap:.75rem}.ltp-prog__top{display:flex;justify-content:space-between;align-items:center}.ltp-prog__label{font-size:.9375rem;font-weight:600;color:var(--text)}.ltp-prog__pct{font-size:1.125rem;font-weight:800;color:var(--primary-light);font-variant-numeric:tabular-nums}.ltp-prog__track{height:8px;background:var(--bg-elevated);border-radius:99px;overflow:hidden}.ltp-prog__bar{height:100%;border-radius:99px;background:var(--grad-primary);transition:width .25s ease-out;box-shadow:0 0 12px #6c63ff80;position:relative;overflow:hidden}.ltp-prog__bar:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);animation:shimmer 1.5s infinite}.ltp-prog__bar--done{background:linear-gradient(90deg,#10b981,#34d399);box-shadow:0 0 12px #10b98180}.ltp-prog__hint{font-size:.8rem;color:var(--text-subtle)}.ltp-error{margin:1.5rem;padding:1.25rem;background:#ef44440f;border:1px solid rgba(239,68,68,.2);border-radius:var(--radius-lg);display:flex;align-items:flex-start;gap:1rem}.ltp-error__icon{font-size:1.5rem;flex-shrink:0;margin-top:.1rem}.ltp-error__title{font-weight:700;font-size:.9375rem;color:#fca5a5;margin-bottom:.25rem}.ltp-error__msg{font-size:.875rem;color:var(--text-muted);line-height:1.5}.ltp-result{display:flex;flex-direction:column}.ltp-result__header{display:flex;align-items:center;gap:1rem;padding:1.5rem;border-bottom:1px solid var(--border);background:#10b9810d}.ltp-result__check{flex-shrink:0;width:48px;height:48px;border-radius:50%;background:#10b98126;border:2px solid rgba(16,185,129,.3);display:flex;align-items:center;justify-content:center;color:#34d399;animation:pop-in .4s var(--transition-spring) both}.ltp-result__check svg{width:22px;height:22px;stroke:#34d399}@keyframes pop-in{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.ltp-result__title{font-size:1.125rem;font-weight:700;color:#34d399;margin-bottom:.125rem}.ltp-result__file{font-size:.8125rem;color:var(--text-muted);word-break:break-all}.ltp-result__preview{padding:1.25rem 1.5rem;border-bottom:1px solid var(--border);background:#00000040;display:flex;flex-direction:column;align-items:center;gap:.75rem}.ltp-result__preview--audio{background:#6c63ff0a;flex-direction:row;align-items:center}.ltp-result__video{width:100%;max-height:360px;border-radius:var(--radius-lg);background:#000;box-shadow:var(--shadow-md)}.ltp-result__audio{width:100%;height:44px}.ltp-result__audio-icon{font-size:2rem;flex-shrink:0;width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:#6c63ff1f;border-radius:var(--radius-lg)}.ltp-result__gif{max-width:100%;max-height:360px;border-radius:var(--radius-lg);display:block}.ltp-result__actions{padding:1.25rem 1.5rem;display:flex;flex-direction:column;gap:.75rem}.ltp-result__download{display:flex;align-items:center;justify-content:center;gap:.625rem;padding:.875rem 1.5rem;background:var(--grad-primary);color:#fff;border:none;border-radius:var(--radius-lg);font-size:1rem;font-weight:700;cursor:pointer;box-shadow:0 4px 20px #6c63ff66;transition:all var(--transition-md);animation:fadeUp .3s .3s both}.ltp-result__download:hover{box-shadow:0 8px 32px #6c63ff99;transform:translateY(-1px)}.ltp-result__again{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1rem;background:transparent;border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-muted);font-size:.9rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast);animation:fadeUp .3s .4s both}.ltp-result__again:hover{border-color:var(--primary);color:var(--primary-light);background:#6c63ff12}.ltp-privacy-bar{display:flex;align-items:center;gap:.625rem;margin-top:1.25rem;padding:.875rem 1.125rem;background:#6c63ff0f;border:1px solid rgba(108,99,255,.14);border-radius:var(--radius-md);font-size:.8125rem;color:var(--text-subtle);line-height:1.5}.ltp-privacy-bar svg{flex-shrink:0;opacity:.7}.ltp-privacy-bar strong{color:var(--text-muted)}.ltp-faq{background:var(--bg)}.ltp-faq__title{font-size:1.5rem;font-weight:800;color:var(--text);margin-bottom:1.5rem;text-align:center}.ltp-faq__list{display:flex;flex-direction:column;gap:.625rem}.faq-item{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;transition:border-color var(--transition-fast)}.faq-item--open{border-color:#6c63ff4d}.faq-item__trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.125rem 1.25rem;background:transparent;text-align:left;color:var(--text);font-size:.9375rem;font-weight:600;cursor:pointer;transition:background var(--transition-fast);border:none}.faq-item__trigger:hover{background:#6c63ff0d}.faq-item__q{flex:1}.faq-item__chevron{flex-shrink:0;width:26px;height:26px;display:flex;align-items:center;justify-content:center;background:#6c63ff1a;border-radius:var(--radius-sm);font-size:1.125rem;color:var(--primary-light);line-height:1}.faq-item__panel{padding:0 1.25rem 1.125rem;animation:fadeUp .15s ease}.faq-item__a{font-size:.9rem;color:var(--text-muted);line-height:1.7}.ltp-back{padding:1.25rem 0 3rem}@media (max-width: 768px){.ltp-hero{padding:3.5rem 0 2.5rem}.ltp-hero__body{flex-direction:column;text-align:center;gap:1.25rem}.ltp-hero__pills{justify-content:center}.ltp-hero__sub{margin:0 auto}.ltp-drop{padding:2.5rem 1.25rem}.ltp-time-row{grid-template-columns:1fr}.ltp-go-btn{margin:1rem;width:calc(100% - 2rem)}.ltp-cancel-btn{margin:0 1rem 1rem;width:calc(100% - 2rem)}.ltp-result__preview--audio{flex-direction:column}.ltp-hero__icon-wrap{width:64px;height:64px}.ltp-hero__icon{font-size:2rem}}@media (max-width: 480px){.ltp-filebar{flex-wrap:wrap;gap:.625rem}.ltp-filebar__change{width:100%;text-align:center;justify-content:center}}:root{--img-primary: #14B8A6;--img-primary-dark: #0D9488;--img-primary-light: #2DD4BF;--img-primary-glow: rgba(20, 184, 166, .25);--img-primary-subtle: rgba(20, 184, 166, .08);--img-primary-border: rgba(20, 184, 166, .3);--img-grad: linear-gradient(135deg, #14B8A6 0%, #0EA5E9 50%, #6366F1 100%);--img-grad-btn: linear-gradient(135deg, #0D9488 0%, #14B8A6 100%)}.itp-page{min-height:100vh;background:var(--bg)}.itp-hero{position:relative;padding:5rem 0 3.5rem;overflow:hidden}.itp-hero__glow{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 900px 500px at 50% -100px,rgba(20,184,166,.12) 0%,transparent 70%),radial-gradient(ellipse 600px 400px at 80% 50%,rgba(14,165,233,.07) 0%,transparent 70%);pointer-events:none}.itp-hero__blob{position:absolute;border-radius:50%;filter:blur(80px);pointer-events:none;animation:blob-pulse 8s ease-in-out infinite}.itp-hero__blob--1{width:400px;height:400px;background:#14b8a614;top:-100px;left:-100px}.itp-hero__blob--2{width:350px;height:350px;background:#0ea5e90f;top:50px;right:-80px;animation-delay:-4s}.itp-hero__body{position:relative;display:flex;align-items:center;gap:2rem;flex-wrap:wrap}.itp-hero__icon-wrap{width:80px;height:80px;border-radius:22px;background:var(--img-primary-subtle);border:1px solid var(--img-primary-border);display:flex;align-items:center;justify-content:center;font-size:2.25rem;flex-shrink:0;box-shadow:0 0 40px var(--img-primary-glow)}.itp-hero__text{flex:1;min-width:280px}.itp-hero__pills{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.itp-pill{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .75rem;border-radius:999px;font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.itp-pill--teal{background:var(--img-primary-subtle);border:1px solid var(--img-primary-border);color:var(--img-primary-light)}.itp-pill--free{background:#10b9811a;border:1px solid rgba(16,185,129,.2);color:#34d399}.itp-pill--native{background:#0ea5e91a;border:1px solid rgba(14,165,233,.25);color:#38bdf8}.itp-hero__title{font-size:clamp(2rem,5vw,3rem);font-weight:800;line-height:1.15;color:var(--text);margin-bottom:.75rem;letter-spacing:-.02em}.itp-hero__sub{font-size:1.0625rem;color:var(--text-muted);line-height:1.65;max-width:560px}.itp-workspace{padding:0 0 2rem}.itp-card{background:var(--bg-card);border:1px solid var(--border);border-radius:20px;padding:2rem;position:relative;overflow:hidden;box-shadow:var(--shadow-card)}.itp-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--img-primary-border),transparent)}.itp-drop{position:relative;border:2px dashed rgba(20,184,166,.25);border-radius:16px;background:var(--img-primary-subtle);cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);overflow:hidden;min-height:220px;display:flex;align-items:center;justify-content:center}.itp-drop:hover,.itp-drop--over{border-color:var(--img-primary);background:#14b8a61f;box-shadow:0 0 30px var(--img-primary-glow)}.itp-drop--has-image{border-style:solid;border-color:var(--img-primary);min-height:280px}.itp-drop__input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer;width:100%;height:100%}.itp-drop__preview{position:absolute;top:0;right:0;bottom:0;left:0;background-size:contain;background-repeat:no-repeat;background-position:center;border-radius:14px;opacity:.15;transition:opacity .3s}.itp-drop--has-image .itp-drop__preview{opacity:.4}.itp-drop__body{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center;padding:2rem;gap:.75rem}.itp-drop__icon-wrap{width:72px;height:72px;border-radius:18px;background:#14b8a61f;border:1px solid var(--img-primary-border);display:flex;align-items:center;justify-content:center;font-size:2rem;transition:transform .3s cubic-bezier(.34,1.56,.64,1);box-shadow:0 0 24px var(--img-primary-glow)}.itp-drop:hover .itp-drop__icon-wrap,.itp-drop--over .itp-drop__icon-wrap{transform:scale(1.1)}.itp-drop__title{font-size:1.1rem;font-weight:700;color:var(--text)}.itp-drop__sub{font-size:.83rem;color:var(--text-muted)}.itp-drop__cta{margin-top:.25rem}.itp-drop__cta-inner{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 1.25rem;border-radius:999px;background:var(--img-grad-btn);color:#fff;font-size:.85rem;font-weight:600;box-shadow:0 4px 16px var(--img-primary-glow);transition:all .2s}.itp-drop:hover .itp-drop__cta-inner{box-shadow:0 6px 24px #14b8a673;transform:translateY(-1px)}.itp-drop__hint{font-size:.75rem;color:var(--text-subtle)}.itp-filebar{display:flex;align-items:center;gap:1rem;padding:.875rem 1.25rem;background:var(--img-primary-subtle);border:1px solid var(--img-primary-border);border-radius:12px;margin-top:1rem;animation:fadeUp .25s forwards}.itp-filebar__thumb{width:56px;height:56px;border-radius:10px;object-fit:cover;border:1px solid var(--img-primary-border);flex-shrink:0}.itp-filebar__info{flex:1;min-width:0}.itp-filebar__name{font-size:.9rem;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.itp-filebar__meta{display:flex;align-items:center;gap:.5rem;margin-top:.2rem;font-size:.78rem;color:var(--text-muted)}.itp-filebar__tag{padding:.1rem .5rem;border-radius:4px;background:var(--img-primary-subtle);border:1px solid var(--img-primary-border);color:var(--img-primary-light);font-weight:700;font-size:.7rem;letter-spacing:.04em}.itp-filebar__dim{padding:.1rem .5rem;border-radius:4px;background:#ffffff0d;color:var(--text-muted);font-family:monospace;font-size:.72rem}.itp-filebar__change{background:transparent;border:1px solid var(--border);border-radius:8px;padding:.3rem .65rem;font-size:.78rem;color:var(--text-muted);cursor:pointer;transition:all .15s;flex-shrink:0}.itp-filebar__change:hover{border-color:var(--img-primary-border);color:var(--img-primary-light)}.itp-controls{margin-top:1.5rem;padding:1.5rem;background:var(--bg-surface);border:1px solid var(--border);border-radius:14px}.itp-controls__title{font-size:.78rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--img-primary-light);margin-bottom:1rem}.itp-ctrl-row{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;flex-wrap:wrap}.itp-ctrl-label{font-size:.83rem;font-weight:600;color:var(--text-muted);white-space:nowrap;min-width:130px}.itp-ctrl-input{flex:1;min-width:80px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:.9rem;padding:.55rem .875rem;transition:all var(--transition-fast);font-family:monospace}.itp-ctrl-input:focus{border-color:var(--img-primary);box-shadow:0 0 0 3px #14b8a61f;outline:none}.itp-ctrl-select{flex:1;background:var(--bg-elevated);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:.9rem;padding:.55rem .875rem;transition:all var(--transition-fast);cursor:pointer}.itp-ctrl-select:focus{border-color:var(--img-primary);box-shadow:0 0 0 3px #14b8a61f;outline:none}.itp-slider-wrap{flex:1;display:flex;align-items:center;gap:.75rem}.itp-slider{flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px;border-radius:2px;background:linear-gradient(to right,var(--img-primary) 0%,var(--img-primary) var(--pct, 70%),var(--bg-elevated) var(--pct, 70%));outline:none;cursor:pointer}.itp-slider::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:var(--img-primary);box-shadow:0 0 8px var(--img-primary-glow);cursor:pointer;border:2px solid #fff;transition:transform .15s}.itp-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.itp-slider-val{font-size:.9rem;font-weight:700;color:var(--img-primary-light);font-family:monospace;min-width:40px;text-align:right}.itp-fmt-pills{display:flex;flex-wrap:wrap;gap:.5rem}.itp-fmt-pill{padding:.4rem 1rem;border-radius:8px;border:1px solid var(--border);background:var(--bg-elevated);color:var(--text-muted);font-size:.8rem;font-weight:700;cursor:pointer;transition:all .15s;letter-spacing:.02em}.itp-fmt-pill:hover{border-color:var(--img-primary-border);color:var(--img-primary-light)}.itp-fmt-pill--active{background:var(--img-primary-subtle);border-color:var(--img-primary);color:var(--img-primary-light);box-shadow:0 0 12px var(--img-primary-glow)}.itp-preset-grid{display:flex;flex-wrap:wrap;gap:.4rem}.itp-preset-pill{padding:.3rem .8rem;border-radius:6px;border:1px solid var(--border);background:var(--bg-elevated);color:var(--text-muted);font-size:.75rem;font-weight:600;cursor:pointer;transition:all .15s;font-family:monospace}.itp-preset-pill:hover{border-color:var(--img-primary-border);color:var(--img-primary-light);background:var(--img-primary-subtle)}.itp-go-btn{width:100%;margin-top:1.5rem;display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem 2rem;border-radius:14px;border:none;background:var(--img-grad);color:#fff;font-size:1.0625rem;font-weight:700;cursor:pointer;transition:all .25s;box-shadow:0 4px 24px var(--img-primary-glow);position:relative;overflow:hidden}.itp-go-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#fff0;transition:background .15s}.itp-go-btn:hover:before{background:#ffffff14}.itp-go-btn:hover{box-shadow:0 8px 36px #14b8a673;transform:translateY(-1px)}.itp-go-btn:active{transform:scale(.99)}.itp-go-btn:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}.itp-go-btn__icon{font-size:1.25rem}.itp-go-btn__arrow{margin-left:auto;opacity:.7;font-size:1.1rem}.itp-prog{margin-top:1.5rem;padding:1.25rem 1.5rem;background:var(--bg-surface);border:1px solid var(--img-primary-border);border-radius:14px;animation:fadeUp .2s forwards}.itp-prog__top{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.itp-prog__label{font-size:.85rem;font-weight:600;color:var(--text)}.itp-prog__pct{font-size:.85rem;font-weight:700;color:var(--img-primary-light);font-family:monospace}.itp-prog__track{height:6px;background:var(--bg-elevated);border-radius:3px;overflow:hidden}.itp-prog__bar{height:100%;background:var(--img-grad);border-radius:3px;transition:width .1s;box-shadow:0 0 10px var(--img-primary-glow)}.itp-prog__hint{font-size:.75rem;color:var(--text-subtle);margin-top:.5rem}.itp-ba{position:relative;border-radius:14px;overflow:hidden;-webkit-user-select:none;user-select:none;cursor:ew-resize;box-shadow:var(--shadow-md);max-height:400px}.itp-ba__before,.itp-ba__after{display:block;width:100%;height:100%;object-fit:contain;max-height:400px}.itp-ba__before{position:relative;z-index:1}.itp-ba__after-wrap{position:absolute;top:0;right:0;bottom:0;overflow:hidden;z-index:2;transition:none}.itp-ba__after{position:absolute;top:0;right:0;width:auto;height:100%;max-height:400px}.itp-ba__divider{position:absolute;top:0;bottom:0;width:2px;background:#fff;z-index:3;cursor:ew-resize;box-shadow:0 0 12px #00000080}.itp-ba__handle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;border-radius:50%;background:#fff;border:2px solid var(--img-primary);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0006,0 0 20px var(--img-primary-glow);color:var(--img-primary);font-size:.8rem;font-weight:800;white-space:nowrap;gap:2px}.itp-ba__label{position:absolute;top:12px;padding:.2rem .6rem;border-radius:6px;font-size:.7rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;pointer-events:none}.itp-ba__label--before{left:12px;background:#0009;color:#fff;z-index:1}.itp-ba__label--after{right:12px;background:var(--img-primary);color:#fff;z-index:4}.itp-result{animation:fadeUp .3s forwards}.itp-result__stats{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:#14b8a60f;border:1px solid var(--img-primary-border);border-radius:12px;margin-bottom:1.25rem;flex-wrap:wrap}.itp-result__stat{display:flex;flex-direction:column;gap:.1rem}.itp-result__stat-label{font-size:.7rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--text-subtle)}.itp-result__stat-val{font-size:1rem;font-weight:700;color:var(--text);font-family:monospace}.itp-result__stat-val--accent{color:var(--img-primary-light)}.itp-result__stat-divider{width:1px;height:2rem;background:var(--border)}.itp-result__savings{margin-left:auto;padding:.3rem .8rem;border-radius:8px;font-size:.85rem;font-weight:800;font-family:monospace}.itp-result__savings--pos{background:#10b9811f;border:1px solid rgba(16,185,129,.25);color:#34d399}.itp-result__savings--neg{background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:#f87171}.itp-result__preview{border-radius:12px;overflow:hidden;background:#0003;margin-bottom:1.25rem;border:1px solid var(--border)}.itp-result__img{width:100%;max-height:360px;object-fit:contain;display:block}.itp-result__actions{display:flex;gap:.75rem;flex-wrap:wrap}.itp-result__download{flex:1;display:flex;align-items:center;justify-content:center;gap:.6rem;padding:.875rem 1.75rem;border-radius:12px;border:none;background:var(--img-grad);color:#fff;font-size:.9375rem;font-weight:700;cursor:pointer;transition:all .25s;box-shadow:0 4px 20px var(--img-primary-glow)}.itp-result__download:hover{box-shadow:0 8px 32px #14b8a673;transform:translateY(-1px)}.itp-result__again{padding:.875rem 1.5rem;border-radius:12px;border:1px solid var(--border);background:transparent;color:var(--text-muted);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .15s}.itp-result__again:hover{border-color:var(--border-hover);color:var(--text);background:#ffffff0a}.itp-error{display:flex;align-items:flex-start;gap:1rem;padding:1.25rem 1.5rem;background:#ef44440f;border:1px solid rgba(239,68,68,.2);border-radius:14px;margin-top:1.5rem;animation:fadeUp .2s forwards}.itp-error__icon{font-size:1.5rem;flex-shrink:0}.itp-error__title{font-size:.9rem;font-weight:700;color:#fca5a5;margin-bottom:.25rem}.itp-error__msg{font-size:.82rem;color:var(--text-muted);line-height:1.5}.itp-privacy-bar{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#14b8a60a;border:1px solid rgba(20,184,166,.12);border-radius:10px;font-size:.78rem;color:var(--text-subtle);margin-top:1rem}.itp-lock-btn{width:36px;height:36px;border-radius:8px;border:1px solid var(--border);background:var(--bg-elevated);color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;flex-shrink:0}.itp-lock-btn--locked{border-color:var(--img-primary-border);background:var(--img-primary-subtle);color:var(--img-primary-light);box-shadow:0 0 8px var(--img-primary-glow)}.itp-lock-btn:hover{border-color:var(--img-primary-border);color:var(--img-primary-light)}.itp-crop-wrap{position:relative;display:inline-block;cursor:crosshair;border-radius:10px;overflow:hidden;max-width:100%;-webkit-user-select:none;user-select:none}.itp-crop-img{display:block;max-width:100%;max-height:400px;object-fit:contain}.itp-crop-overlay{position:absolute;top:0;right:0;bottom:0;left:0;cursor:crosshair}.itp-crop-selection{position:absolute;border:2px solid var(--img-primary);box-shadow:0 0 0 9999px #00000080;cursor:move}.itp-crop-handle{position:absolute;width:10px;height:10px;background:#fff;border:2px solid var(--img-primary);border-radius:2px}.itp-crop-handle--tl{top:-5px;left:-5px;cursor:nwse-resize}.itp-crop-handle--tr{top:-5px;right:-5px;cursor:nesw-resize}.itp-crop-handle--bl{bottom:-5px;left:-5px;cursor:nesw-resize}.itp-crop-handle--br{bottom:-5px;right:-5px;cursor:nwse-resize}.itp-bulk-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.75rem;margin-top:1rem}.itp-bulk-item{position:relative;border-radius:10px;overflow:hidden;aspect-ratio:1;border:1px solid var(--border);background:var(--bg-surface)}.itp-bulk-item__img{width:100%;height:100%;object-fit:cover;display:block}.itp-bulk-item__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s}.itp-bulk-item:hover .itp-bulk-item__overlay{opacity:1}.itp-bulk-item__remove{width:28px;height:28px;border-radius:50%;background:#ef4444cc;border:none;color:#fff;font-size:.9rem;cursor:pointer;display:flex;align-items:center;justify-content:center}.itp-bulk-item__status{position:absolute;bottom:0;left:0;right:0;height:4px;background:var(--img-primary);transform-origin:left}.itp-faq{padding:3rem 0}.itp-faq__title{font-size:1.5rem;font-weight:800;color:var(--text);text-align:center;margin-bottom:2rem}.itp-faq__list{display:flex;flex-direction:column;gap:.625rem}.itp-back{padding:1.5rem 0 3rem}@media (max-width: 768px){.itp-hero{padding:3.5rem 0 2.5rem}.itp-hero__title{font-size:clamp(1.5rem,6vw,2.25rem)}.itp-card,.itp-controls{padding:1.25rem}.itp-ctrl-row{flex-direction:column;align-items:flex-start}.itp-ctrl-label{min-width:unset}.itp-ctrl-input,.itp-ctrl-select{width:100%}.itp-result__stat-divider{display:none}.itp-ba,.itp-ba__before,.itp-ba__after{max-height:280px}}@media (max-width: 480px){.itp-hero__body{flex-direction:column;gap:1.25rem}.itp-hero__icon-wrap{width:60px;height:60px;font-size:1.75rem}.itp-bulk-grid{grid-template-columns:repeat(auto-fill,minmax(90px,1fr))}}.notfound{position:relative;min-height:100vh;display:flex;align-items:center;overflow:hidden}.notfound__bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 60% 60% at 50% 50%,rgba(108,99,255,.1) 0%,transparent 70%);pointer-events:none}.notfound__content{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-lg);padding:var(--space-4xl) 0}.notfound__code{font-size:clamp(6rem,20vw,12rem);font-weight:900;line-height:1;letter-spacing:-.05em;background:var(--grad-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;opacity:.6}.notfound__title{font-size:clamp(1.5rem,4vw,2.5rem);font-weight:800;color:var(--text)}.notfound__desc{font-size:1.0625rem;color:var(--text-muted);max-width:440px;line-height:1.65}.notfound__actions{display:flex;gap:var(--space-md);flex-wrap:wrap;justify-content:center;margin-top:var(--space-sm)}:root{--primary: #6C63FF;--primary-dark: #4F46E5;--primary-light: #8B85FF;--primary-50: #f0efff;--primary-100: #dddcff;--primary-200: #bcbaff;--accent: #FF6B9D;--accent-dark: #e0507e;--gold: #F59E0B;--success: #10B981;--danger: #EF4444;--warning: #F59E0B;--bg: #0A0A0F;--bg-card: #111118;--bg-surface: #16161f;--bg-elevated: #1c1c28;--border: rgba(255,255,255,.08);--border-hover: rgba(108,99,255,.4);--text: #F0F0F8;--text-muted: #9090A8;--text-subtle: #5A5A72;--grad-primary: linear-gradient(135deg, #6C63FF 0%, #4F46E5 50%, #7C3AED 100%);--grad-accent: linear-gradient(135deg, #FF6B9D 0%, #6C63FF 100%);--grad-hero: linear-gradient(135deg, #0A0A0F 0%, #0D0B1E 50%, #0A0A0F 100%);--grad-card: linear-gradient(145deg, rgba(108,99,255,.08) 0%, rgba(79,70,229,.04) 100%);--grad-glass: linear-gradient(145deg, rgba(255,255,255,.05) 0%, rgba(255,255,255,.02) 100%);--shadow-sm: 0 2px 8px rgba(0,0,0,.3);--shadow-md: 0 8px 32px rgba(0,0,0,.4);--shadow-lg: 0 20px 60px rgba(0,0,0,.5);--shadow-glow: 0 0 40px rgba(108,99,255,.25);--shadow-glow-accent: 0 0 30px rgba(255,107,157,.2);--shadow-card: 0 4px 24px rgba(0,0,0,.3), 0 1px 0 rgba(255,255,255,.04);--shadow-card-hover: 0 12px 40px rgba(0,0,0,.5), 0 0 0 1px rgba(108,99,255,.2);--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--space-4xl: 6rem;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--radius-2xl: 32px;--radius-full: 999px;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "Fira Code", "Cascadia Code", monospace;--transition-fast: .15s cubic-bezier(.4,0,.2,1);--transition-md: .25s cubic-bezier(.4,0,.2,1);--transition-slow: .4s cubic-bezier(.4,0,.2,1);--transition-spring: .5s cubic-bezier(.34,1.56,.64,1);--z-base: 1;--z-dropdown: 100;--z-sticky: 200;--z-overlay: 300;--z-modal: 400;--z-toast: 500}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);background:var(--bg);color:var(--text);line-height:1.6;font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;min-height:100vh}img,video{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit;border:none;outline:none}input,textarea,select{font-family:inherit;outline:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:#6c63ff66;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}.text-xs{font-size:.75rem;line-height:1.4}.text-sm{font-size:.875rem;line-height:1.5}.text-base{font-size:1rem;line-height:1.6}.text-lg{font-size:1.125rem;line-height:1.5}.text-xl{font-size:1.25rem;line-height:1.4}.text-2xl{font-size:1.5rem;line-height:1.3}.text-3xl{font-size:1.875rem;line-height:1.25}.text-4xl{font-size:2.25rem;line-height:1.2}.text-5xl{font-size:3rem;line-height:1.1}.text-6xl{font-size:3.75rem;line-height:1}.text-7xl{font-size:4.5rem;line-height:1}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:var(--radius-md);font-weight:600;font-size:.9375rem;transition:all var(--transition-md);white-space:nowrap;position:relative;overflow:hidden;border:none}.btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#fff0;transition:background var(--transition-fast)}.btn:hover:before{background:#ffffff0f}.btn:active{transform:scale(.98)}.btn-primary{background:var(--grad-primary);color:#fff;box-shadow:0 4px 20px #6c63ff66}.btn-primary:hover{box-shadow:0 8px 30px #6c63ff99;transform:translateY(-1px)}.btn-accent{background:var(--grad-accent);color:#fff;box-shadow:0 4px 20px #ff6b9d59}.btn-accent:hover{box-shadow:0 8px 30px #ff6b9d80;transform:translateY(-1px)}.btn-outline{background:transparent;color:var(--primary-light);border:1px solid rgba(108,99,255,.4)}.btn-outline:hover{background:var(--primary-50);background:#6c63ff1a;border-color:var(--primary)}.btn-ghost{background:transparent;color:var(--text-muted)}.btn-ghost:hover{background:#ffffff0f;color:var(--text)}.btn-lg{padding:1rem 2rem;font-size:1.0625rem;border-radius:var(--radius-lg)}.btn-sm{padding:.5rem 1rem;font-size:.8125rem;border-radius:var(--radius-sm)}.btn-icon{padding:.625rem;border-radius:var(--radius-md);aspect-ratio:1}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-lg);transition:all var(--transition-md);position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--grad-card);opacity:0;transition:opacity var(--transition-md)}.card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.card:hover:before{opacity:1}.card-glass{background:var(--grad-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1)}.badge{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .75rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase}.badge-primary{background:#6c63ff26;color:var(--primary-light);border:1px solid rgba(108,99,255,.25)}.badge-success{background:#10b9811a;color:#34d399;border:1px solid rgba(16,185,129,.2)}.badge-accent{background:#ff6b9d1f;color:#ff6b9d;border:1px solid rgba(255,107,157,.2)}.badge-new{background:linear-gradient(90deg,#6c63ff,#ff6b9d);color:#fff;border:none}.input{width:100%;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text);font-size:1rem;padding:.875rem 1rem;transition:all var(--transition-fast)}.input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #6c63ff26;background:var(--bg-elevated)}.input::placeholder{color:var(--text-subtle)}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 var(--space-lg)}.container-sm{max-width:768px}.container-md{max-width:1024px}.section{padding:var(--space-4xl) 0}.section-sm{padding:var(--space-3xl) 0}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.gap-xl{gap:var(--space-xl)}.gradient-text{background:var(--grad-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-text-primary{background:var(--grad-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.divider{height:1px;background:var(--border);margin:var(--space-xl) 0}.section-eyebrow{display:inline-flex;align-items:center;gap:.5rem;font-size:.8125rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--primary-light);margin-bottom:var(--space-md)}.section-title{font-size:clamp(1.75rem,4vw,2.75rem);font-weight:800;line-height:1.2;color:var(--text);margin-bottom:var(--space-md)}.section-subtitle{font-size:1.0625rem;color:var(--text-muted);max-width:560px;line-height:1.65}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-24px)}to{opacity:1;transform:translate(0)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #6c63ff4d}50%{box-shadow:0 0 40px #6c63ff99}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes counter-up{0%{opacity:0;transform:scale(.8) translateY(16px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes blob-pulse{0%,to{transform:translate(0) scale(1)}33%{transform:translate(40px,-20px) scale(1.1)}66%{transform:translate(-20px,30px) scale(.95)}}@keyframes dot-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}@keyframes progress-bar{0%{width:0%}to{width:100%}}.animate-fade-up{animation:fadeUp var(--transition-slow) forwards}.animate-fade-in{animation:fadeIn var(--transition-slow) forwards}.animate-float{animation:float 4s ease-in-out infinite}.animate-pulse-glow{animation:pulse-glow 2s ease-in-out infinite}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.delay-4{animation-delay:.4s}.delay-5{animation-delay:.5s}.delay-6{animation-delay:.6s}.skeleton{background:linear-gradient(90deg,var(--bg-surface) 25%,var(--bg-elevated) 50%,var(--bg-surface) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-md)}.spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.2);border-top-color:#fff;border-radius:50%;animation:spin-slow .7s linear infinite}.toast-container{position:fixed;bottom:1.5rem;right:1.5rem;z-index:var(--z-toast);display:flex;flex-direction:column;gap:.75rem}.toast{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);padding:.875rem 1.25rem;display:flex;align-items:center;gap:.75rem;box-shadow:var(--shadow-lg);animation:slideInLeft var(--transition-md) forwards;max-width:360px;font-size:.9rem}.toast-success{border-left:3px solid var(--success)}.toast-error{border-left:3px solid var(--danger)}.toast-info{border-left:3px solid var(--primary)}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-lg)}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-lg)}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-lg)}@media (max-width: 1024px){.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.container{padding:0 var(--space-md)}.section{padding:var(--space-3xl) 0}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.section-title{font-size:clamp(1.5rem,6vw,2rem)}}@media (max-width: 480px){body{font-size:15px}.btn-lg{padding:.875rem 1.5rem;font-size:1rem}}.skip-link{position:absolute;top:-100px;left:1rem;z-index:9999;padding:.625rem 1rem;background:var(--primary);color:#fff;border-radius:var(--radius-md);font-size:.875rem;font-weight:600;text-decoration:none;transition:top var(--transition-fast)}.skip-link:focus{top:1rem}