.tl-page{max-width:900px;margin:0 auto;padding:5rem 2rem;gap:2.5rem}.tl-hero,.tl-page{display:flex;flex-direction:column}.tl-hero{text-align:center;align-items:center;gap:1rem}.tl-badge{display:inline-flex;align-items:center;gap:.45rem;padding:.35rem .9rem;background:rgba(0,229,255,.07);border:1px solid rgba(0,229,255,.22);border-radius:999px;color:#00e5ff;font-size:.73rem;font-weight:600;letter-spacing:.07em;text-transform:uppercase;font-family:var(--font-body,sans-serif)}.tl-badge-dot{width:6px;height:6px;border-radius:50%;background:#00e5ff;box-shadow:0 0 6px #00e5ff;animation:tl-blink 1.6s ease-in-out infinite}@keyframes tl-blink{0%,to{opacity:1}50%{opacity:.25}}.tl-title{font-family:var(--font-heading,sans-serif);font-size:clamp(1.9rem,4.5vw,3rem);font-weight:800;color:#f1f5f9;line-height:1.1;letter-spacing:-.035em;margin:0}.tl-grad{background:linear-gradient(120deg,#00e5ff,#26c6da 60%,#80deea);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tl-sub{color:#475569;font-size:.95rem;line-height:1.7;max-width:500px;margin:0;font-family:var(--font-body,sans-serif)}.tl-tabs{display:flex;gap:.5rem;background:rgba(8,14,28,.7);border:1px solid hsla(0,0%,100%,.06);border-radius:16px;padding:.4rem;width:-moz-fit-content;width:fit-content;margin:0 auto;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.tl-tab{display:flex;align-items:center;gap:.45rem;padding:.55rem 1.2rem;border-radius:11px;border:none;background:transparent;color:#475569;font-size:.84rem;font-weight:600;font-family:var(--font-body,sans-serif);cursor:pointer;transition:background .2s,color .2s;white-space:nowrap}.tl-tab:hover{color:#94a3b8}.tl-tab.active{background:rgba(0,229,255,.1);color:#00e5ff;border:1px solid rgba(0,229,255,.2)}.tl-tab-ico{font-size:1rem}.tl-panel{background:rgba(8,14,28,.88);border:1px solid rgba(0,229,255,.1);border-radius:22px;padding:2.5rem 2rem;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);position:relative;overflow:hidden;animation:tl-fadein .25s ease}@keyframes tl-fadein{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.tl-panel-glow{position:absolute;top:-80px;left:50%;transform:translateX(-50%);width:400px;height:160px;background:radial-gradient(ellipse,rgba(0,229,255,.06) 0,transparent 70%);pointer-events:none}.tl-panel-title{font-family:var(--font-heading,sans-serif);font-size:1.25rem;font-weight:800;color:#f1f5f9;margin:0 0 .35rem;letter-spacing:-.02em}.tl-panel-sub{font-size:.82rem;color:#475569;margin:0 0 1.75rem;font-family:var(--font-body,sans-serif)}.tl-dl-platforms{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1.25rem}.tl-platform-pill{display:inline-flex;align-items:center;gap:.35rem;padding:.32rem .75rem;border-radius:999px;background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.07);color:#475569;font-size:.75rem;font-weight:600;font-family:var(--font-body,sans-serif)}.tl-input-wrap{display:flex;align-items:center;background:rgba(4,8,18,.65);border:1.5px solid rgba(0,229,255,.15);border-radius:14px;overflow:hidden;transition:border-color .2s,box-shadow .2s;padding:0 1rem;gap:.6rem}.tl-input-wrap:focus-within{border-color:rgba(0,229,255,.45);box-shadow:0 0 0 4px rgba(0,229,255,.06)}.tl-input-wrap.error{border-color:rgba(239,68,68,.45)}.tl-input-ico{color:#334155;font-size:1rem;flex-shrink:0}.tl-input{flex:1 1;background:transparent;border:none;outline:none;color:#f1f5f9;font-size:.95rem;padding:.9rem 0;font-family:var(--font-body,sans-serif)}.tl-input::placeholder{color:#1e293b}.tl-input:disabled{opacity:.45}.tl-dl-options{display:flex;gap:.6rem;margin-top:1rem;flex-wrap:wrap}.tl-opt-btn{flex:1 1;min-width:130px;display:flex;align-items:center;justify-content:center;gap:.45rem;padding:.85rem 1.2rem;border-radius:12px;border:none;font-size:.9rem;font-weight:700;font-family:var(--font-heading,sans-serif);cursor:pointer;transition:transform .2s,box-shadow .2s,opacity .2s}.tl-opt-btn.video{background:linear-gradient(130deg,#00e5ff,#00acc1);color:#03111a;box-shadow:0 4px 24px rgba(0,229,255,.25)}.tl-opt-btn.audio{background:rgba(0,229,255,.08);border:1.5px solid rgba(0,229,255,.25);color:#00e5ff}.tl-opt-btn:hover:not(:disabled){transform:translateY(-2px)}.tl-opt-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.tl-dl-result{margin-top:1.4rem;background:rgba(0,229,255,.04);border:1px solid rgba(0,229,255,.15);border-radius:14px;padding:1.25rem 1.2rem;display:flex;flex-direction:column;gap:.75rem;animation:tl-fadein .3s ease}.tl-dl-filename{font-size:.82rem;color:#64748b;font-family:var(--font-body,sans-serif);word-break:break-all}.tl-dl-link{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:12px;background:linear-gradient(130deg,#00e5ff,#00acc1);color:#03111a;font-size:.92rem;font-weight:800;font-family:var(--font-heading,sans-serif);text-decoration:none;box-shadow:0 4px 24px rgba(0,229,255,.25);width:-moz-fit-content;width:fit-content;transition:transform .2s,box-shadow .2s}.tl-dl-link:hover{transform:translateY(-2px);box-shadow:0 8px 32px rgba(0,229,255,.35)}.tl-dl-picker{display:flex;flex-direction:column;gap:.5rem}.tl-dl-picker-item{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.65rem 1rem;background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.06);border-radius:10px;font-size:.82rem;color:#64748b;font-family:var(--font-body,sans-serif)}.tl-dl-picker-item a{color:#00e5ff;font-weight:600;text-decoration:none;font-size:.8rem}.tl-error-msg{font-size:.8rem;color:#f87171;margin-top:.6rem;font-family:var(--font-body,sans-serif)}.tl-tracker-steps{display:flex;justify-content:space-between;position:relative;margin-bottom:2rem}.tl-tracker-steps:before{content:"";position:absolute;top:20px;left:10%;right:10%;height:1px;background:hsla(0,0%,100%,.06)}.tl-tstep{flex-direction:column;gap:.45rem;flex:1 1;position:relative;z-index:1}.tl-tstep,.tl-tstep-dot{display:flex;align-items:center}.tl-tstep-dot{width:40px;height:40px;border-radius:50%;background:rgba(8,14,28,.9);border:1.5px solid hsla(0,0%,100%,.07);justify-content:center;font-size:1rem;transition:border-color .3s,box-shadow .3s}.tl-tstep.done .tl-tstep-dot{border-color:rgba(0,229,255,.5);box-shadow:0 0 14px rgba(0,229,255,.2);background:rgba(0,229,255,.07)}.tl-tstep-label{font-size:.7rem;color:#334155;font-family:var(--font-body,sans-serif);font-weight:600;text-align:center;max-width:70px}.tl-tstep.done .tl-tstep-label{color:#00e5ff}.tl-tracker-result{margin-top:1.4rem;padding:1.25rem 1.2rem;background:rgba(0,229,255,.04);border:1px solid rgba(0,229,255,.15);border-radius:14px;animation:tl-fadein .3s ease}.tl-order-id-display{font-family:Space Mono,monospace;font-size:.85rem;color:#00e5ff;margin-bottom:.75rem}.tl-order-status-badge{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .9rem;border-radius:999px;font-size:.78rem;font-weight:700;font-family:var(--font-body,sans-serif);margin-bottom:.75rem}.tl-order-status-badge.processing{background:rgba(251,191,36,.1);border:1px solid rgba(251,191,36,.3);color:#fbbf24}.tl-order-status-badge.delivered{background:rgba(0,229,255,.1);border:1px solid rgba(0,229,255,.3);color:#00e5ff}.tl-order-wa-btn{display:inline-flex;align-items:center;gap:.45rem;padding:.6rem 1.2rem;border-radius:12px;background:rgba(37,211,102,.1);border:1.5px solid rgba(37,211,102,.3);color:#25d366;font-size:.82rem;font-weight:700;font-family:var(--font-body,sans-serif);text-decoration:none;margin-top:.5rem;transition:background .2s,transform .15s}.tl-order-wa-btn:hover{background:rgba(37,211,102,.18);transform:translateY(-1px)}.tl-speed-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));grid-gap:1rem;gap:1rem;margin-bottom:1.5rem}.tl-speed-card{background:rgba(4,8,18,.5);border:1px solid hsla(0,0%,100%,.05);border-radius:14px;padding:1.2rem 1rem;text-align:center;display:flex;flex-direction:column;gap:.5rem;transition:border-color .3s}.tl-speed-card.testing{border-color:rgba(0,229,255,.3);animation:tl-pulse 1s ease-in-out infinite}.tl-speed-card.done{border-color:rgba(0,229,255,.2)}.tl-speed-card.fail{border-color:rgba(239,68,68,.2)}@keyframes tl-pulse{0%,to{opacity:1}50%{opacity:.6}}.tl-speed-region{font-size:.72rem;font-weight:700;color:#475569;letter-spacing:.08em;text-transform:uppercase;font-family:var(--font-body,sans-serif)}.tl-speed-flag{font-size:1.4rem}.tl-speed-ms{font-family:var(--font-heading,sans-serif);font-size:1.8rem;font-weight:800;letter-spacing:-.03em;color:#00e5ff}.tl-speed-ms.idle{color:#1e293b;font-size:1.3rem}.tl-speed-ms.fail{color:#f87171;font-size:1.1rem}.tl-speed-ms.testing{color:#94a3b8}.tl-speed-unit{font-size:.7rem;color:#334155;font-family:var(--font-body,sans-serif)}.tl-speed-bar-wrap{height:4px;background:hsla(0,0%,100%,.05);border-radius:999px;overflow:hidden}.tl-speed-bar{height:100%;border-radius:999px;background:linear-gradient(90deg,#00e5ff,#26c6da);transition:width .6s ease}.tl-run-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.95rem 1.5rem;border-radius:13px;border:none;background:linear-gradient(130deg,#00e5ff,#00acc1);color:#03111a;font-size:.96rem;font-weight:800;cursor:pointer;font-family:var(--font-heading,sans-serif);transition:transform .2s,box-shadow .2s,opacity .2s;box-shadow:0 4px 28px rgba(0,229,255,.28)}.tl-run-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 36px rgba(0,229,255,.38)}.tl-run-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.tl-spinner{width:15px;height:15px;border:2px solid rgba(3,17,26,.3);border-top-color:#03111a;border-radius:50%;animation:tl-spin .7s linear infinite}@keyframes tl-spin{to{transform:rotate(1turn)}}.tl-primary-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.9rem 1.5rem;border-radius:13px;border:none;background:linear-gradient(130deg,#00e5ff,#00acc1);color:#03111a;font-size:.96rem;font-weight:800;cursor:pointer;font-family:var(--font-heading,sans-serif);transition:transform .2s,box-shadow .2s,opacity .2s;box-shadow:0 4px 28px rgba(0,229,255,.28);margin-top:1rem}.tl-primary-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 36px rgba(0,229,255,.35)}.tl-primary-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}@media (max-width:600px){.tl-page{padding:4rem 1.1rem 3rem}.tl-tabs{width:100%;justify-content:stretch}.tl-tab{flex:1 1;justify-content:center;font-size:.75rem;padding:.5rem .6rem}.tl-panel{padding:1.75rem 1.1rem}.tl-dl-options{flex-direction:column}.tl-speed-grid{grid-template-columns:repeat(2,1fr)}.tl-tracker-steps{gap:0}}