{"id":12,"date":"2026-02-17T08:23:53","date_gmt":"2026-02-17T08:23:53","guid":{"rendered":"https:\/\/teradowntech.com\/?page_id=12"},"modified":"2026-08-11T03:45:55","modified_gmt":"2026-08-11T03:45:55","slug":"terabox-downloader-home","status":"publish","type":"page","link":"https:\/\/teradowntech.com\/","title":{"rendered":"TeraBox\u00a0Downloader Home"},"content":{"rendered":"\n[et_pb_section fb_built=&#8221;1&#8243; fullwidth=&#8221;on&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_fullwidth_code _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\">\r\n    <style>\r\n        .tb-downloader * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n      \r\n\r\n        .tb-downloader {\r\n\tfont-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\r\n\tbackground: linear-gradient(90deg, hsla(252, 40%, 29%, 1) 0%, hsl(270, 58.1%, 29%) 100%);\r\n\tline-height: 1.6;\r\n\tpadding: 75px 0;\r\n}\r\n\r\n        .tb-downloader .tb-main-contain {\r\n            max-width: 1400px;\r\n            margin: 0 auto;\r\n            padding: 20px;\r\n        }\r\n\r\n        .tb-downloader .tb-header {\r\n            text-align: center;\r\n            color: white;\r\n            margin-bottom: 40px;\r\n            padding: 30px 0;\r\n        }\r\n\r\n        .tb-downloader .tb-header .tb-title {\r\n            font-size: 42px;\r\n            font-weight: 800;\r\n            color: #fff;\r\n            margin-bottom: 15px;\r\n            letter-spacing: -0.5px;\r\n            text-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);\r\n        }\r\n\r\n        .tb-downloader .tb-header .tb-title span {\r\n            color: #FF9800;\r\n            position: relative;\r\n            display: inline-block;\r\n        }\r\n\r\n        .tb-downloader .tb-header .tb-title span::after {\r\n            content: \"\";\r\n            position: absolute;\r\n            bottom: -3px;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 3px;\r\n            background: #FF9800;\r\n            border-radius: 10px;\r\n        }\r\n\r\n        .tb-downloader .tb-header .tb-description {\r\n            font-size: 18px;\r\n            margin: 15px 0 25px;\r\n            line-height: 1.6;\r\n            font-weight: 400;\r\n            opacity: 0.9;\r\n            max-width: 800px;\r\n            margin-left: auto;\r\n            margin-right: auto;\r\n        }\r\n\r\n        .tb-downloader .tb-tool-wrapper {\r\n            width: 80%;\r\n            margin: 0 auto 40px;\r\n            padding: 35px;\r\n            border-radius: 20px;\r\n            background: rgba(87, 31, 143, 0.85);\r\n            backdrop-filter: blur(10px);\r\n            color: white;\r\n            text-align: center;\r\n            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);\r\n            position: relative;\r\n            overflow: hidden;\r\n            border: 1px solid rgba(255, 255, 255, 0.1);\r\n        }\r\n\r\n        .tb-downloader .tb-tool-wrapper::before {\r\n            content: \"\";\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            background: radial-gradient(circle at top right, rgba(66, 66, 107, 0.2), transparent 60%);\r\n            pointer-events: none;\r\n        }\r\n\r\n        .tb-downloader .tb-input-area {\r\n            display: flex;\r\n            align-items: center;\r\n            background: rgba(255, 255, 255, 0.1);\r\n            padding: 25px 20px;\r\n            border-radius: 16px;\r\n            gap: 15px;\r\n            margin: 0 auto;\r\n            max-width: 100%;\r\n            flex-wrap: wrap;\r\n            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);\r\n            border: 1px solid rgba(255, 255, 255, 0.1);\r\n        }\r\n\r\n        .tb-downloader .tb-input-area input {\r\n            flex-grow: 1;\r\n            padding: 14px 18px;\r\n            font-size: 16px;\r\n            border: none;\r\n            outline: none;\r\n            min-width: 200px;\r\n            background: rgba(255, 255, 255, 0.9);\r\n            border-radius: 12px;\r\n            color: #1a1a2e;\r\n            font-weight: 500;\r\n        }\r\n\r\n        .tb-downloader .tb-input-area input:focus {\r\n            background: #fff;\r\n            box-shadow: 0 0 0 2px rgba(255, 152, 0, 0.5);\r\n        }\r\n\r\n        .tb-downloader .tb-paste-btn,\r\n        .tb-downloader .tb-view-btn {\r\n            border: none;\r\n            border-radius: 12px;\r\n            padding: 14px 20px;\r\n            cursor: pointer;\r\n            font-weight: 600;\r\n            transition: all 0.3s;\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 8px;\r\n            font-size: 15px;\r\n        }\r\n\r\n        .tb-downloader .tb-paste-btn {\r\n            background: linear-gradient(135deg, #00BCD4, #0097A7);\r\n            color: white;\r\n        }\r\n\r\n        .tb-downloader .tb-paste-btn:hover {\r\n            background: linear-gradient(135deg, #00ACC1, #00838F);\r\n            transform: translateY(-2px);\r\n        }\r\n\r\n        .tb-downloader .tb-view-btn {\r\n            background: linear-gradient(135deg, #FF9800, #F57C00);\r\n            color: white;\r\n            box-shadow: 0 5px 15px rgba(255, 152, 0, 0.3);\r\n        }\r\n\r\n        .tb-downloader .tb-view-btn:hover {\r\n            background: linear-gradient(135deg, #FB8C00, #EF6C00);\r\n            transform: translateY(-2px);\r\n            box-shadow: 0 8px 20px rgba(255, 152, 0, 0.4);\r\n        }\r\n\r\n        .tb-downloader .tb-view-btn:disabled {\r\n            opacity: 0.6;\r\n            cursor: not-allowed;\r\n            transform: none;\r\n        }\r\n\r\n        .tb-downloader .tb-error-message {\r\n            color: #ff6b6b;\r\n            margin-top: 15px;\r\n            display: none;\r\n            font-weight: 500;\r\n        }\r\n\r\n        .tb-downloader .tb-tools-result {\r\n            width: 80%;\r\n            margin: 0 auto 60px;\r\n            display: none;\r\n        }\r\n\r\n        .tb-downloader .tb-result {\r\n            margin-top: 30px;\r\n            background: linear-gradient(145deg, rgba(40, 20, 70, 0.95), rgba(60, 30, 90, 0.9));\r\n            border-radius: 16px;\r\n            padding: 28px 32px;\r\n            color: #e8e8e8;\r\n            box-shadow: 0 12px 40px rgba(0, 0, 0, 0.35), 0 0 0 1px rgba(255, 255, 255, 0.06);\r\n            animation: fadeIn 0.4s ease-out;\r\n            border: 1px solid rgba(255, 255, 255, 0.08);\r\n        }\r\n\r\n        @keyframes fadeIn {\r\n            from { opacity: 0; transform: translateY(12px); }\r\n            to { opacity: 1; transform: translateY(0); }\r\n        }\r\n\r\n        .tb-downloader .tb-empty {\r\n            text-align: center;\r\n            padding: 40px 20px;\r\n            color: rgba(255, 255, 255, 0.6);\r\n            font-size: 16px;\r\n        }\r\n\r\n        .tb-downloader .tb-empty i {\r\n            font-size: 48px;\r\n            display: block;\r\n            margin-bottom: 15px;\r\n            opacity: 0.5;\r\n        }\r\n\r\n        .tb-downloader .tb-file-header {\r\n            display: flex;\r\n            flex-wrap: wrap;\r\n            gap: 24px;\r\n            align-items: flex-start;\r\n            margin-bottom: 28px;\r\n            padding-bottom: 24px;\r\n            border-bottom: 1px solid rgba(255, 255, 255, 0.1);\r\n        }\r\n\r\n        .tb-downloader .tb-thumb-wrap {\r\n            flex-shrink: 0;\r\n            border-radius: 10px;\r\n            overflow: hidden;\r\n            background: rgba(0, 0, 0, 0.4);\r\n            width: 220px;\r\n            height: 124px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            box-shadow: 0 4px 16px rgba(0, 0, 0, 0.25);\r\n        }\r\n\r\n        .tb-downloader .tb-thumb-wrap img {\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n        }\r\n\r\n        .tb-downloader .tb-thumb-wrap .tb-thumb-placeholder {\r\n            color: rgba(255, 255, 255, 0.4);\r\n            font-size: 40px;\r\n        }\r\n\r\n        .tb-downloader .tb-file-info {\r\n            flex: 1;\r\n            min-width: 200px;\r\n            text-align: left;\r\n        }\r\n\r\n        .tb-downloader .tb-file-info .tb-file-name {\r\n            font-size: 18px;\r\n            font-weight: 600;\r\n            color: #fff;\r\n            margin-bottom: 6px;\r\n            word-break: break-all;\r\n            letter-spacing: -0.02em;\r\n        }\r\n\r\n        .tb-downloader .tb-file-info .tb-file-size {\r\n            font-size: 14px;\r\n            color: rgba(255, 255, 255, 0.65);\r\n        }\r\n\r\n        .tb-downloader .tb-actions {\r\n            display: flex;\r\n            flex-wrap: wrap;\r\n            gap: 12px;\r\n            margin-top: 20px;\r\n            align-items: center;\r\n        }\r\n\r\n        .tb-downloader .tb-btn {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 8px;\r\n            padding: 12px 20px;\r\n            border-radius: 12px;\r\n            font-weight: 600;\r\n            font-size: 15px;\r\n            text-decoration: none;\r\n            border: none;\r\n            cursor: pointer;\r\n            transition: all 0.3s;\r\n        }\r\n\r\n        .tb-downloader .tb-btn-stream {\r\n            background: linear-gradient(135deg, #00BCD4, #0097A7);\r\n            color: white;\r\n        }\r\n\r\n        .tb-downloader .tb-btn-stream:hover {\r\n            transform: translateY(-2px);\r\n            box-shadow: 0 6px 20px rgba(0, 188, 212, 0.4);\r\n        }\r\n\r\n        .tb-downloader .tb-btn-download {\r\n            background: linear-gradient(135deg, #4CAF50, #388E3C);\r\n            color: white;\r\n        }\r\n\r\n        .tb-downloader .tb-btn-download:hover {\r\n            transform: translateY(-2px);\r\n            box-shadow: 0 6px 20px rgba(76, 175, 80, 0.4);\r\n        }\r\n\r\n        .tb-downloader .tb-video-label {\r\n            font-size: 13px;\r\n            color: rgba(255, 255, 255, 0.6);\r\n            margin-bottom: 12px;\r\n            font-weight: 500;\r\n        }\r\n\r\n        .tb-downloader .tb-video-section {\r\n            position: relative;\r\n            margin-top: 20px;\r\n            border-radius: 12px;\r\n            overflow: hidden;\r\n            background: #0a0a0a;\r\n            max-width: 100%;\r\n            box-shadow: 0 8px 32px rgba(0, 0, 0, 0.5);\r\n        }\r\n\r\n        .tb-downloader .tb-video-section .tb-video-wrap {\r\n            position: relative;\r\n            width: 100%;\r\n            max-height: 70vh;\r\n            transition: transform 0.2s ease;\r\n        }\r\n\r\n        .tb-downloader .tb-video-section video {\r\n            width: 100%;\r\n            display: block;\r\n            vertical-align: top;\r\n        }\r\n\r\n        .tb-downloader .tb-video-center-overlay {\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            right: 0;\r\n            bottom: 0;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            background: rgba(0, 0, 0, 0.35);\r\n            cursor: pointer;\r\n            opacity: 1;\r\n            transition: opacity 0.25s ease, background 0.2s ease;\r\n            z-index: 2;\r\n        }\r\n\r\n        .tb-downloader .tb-video-center-overlay:hover {\r\n            background: rgba(0, 0, 0, 0.45);\r\n        }\r\n\r\n        .tb-downloader .tb-video-wrap.tb-playing .tb-video-center-overlay {\r\n            opacity: 0;\r\n            pointer-events: none;\r\n        }\r\n\r\n        .tb-downloader .tb-video-wrap:hover.tb-playing .tb-video-center-overlay {\r\n            opacity: 0;\r\n        }\r\n\r\n        .tb-downloader .tb-video-center-play {\r\n            width: 80px;\r\n            height: 80px;\r\n            border-radius: 50%;\r\n            background: rgba(255, 255, 255, 0.9);\r\n            border: none;\r\n            cursor: pointer;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            color: #1a1a1a;\r\n            box-shadow: 0 4px 24px rgba(0, 0, 0, 0.4);\r\n            transition: transform 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;\r\n        }\r\n\r\n        .tb-downloader .tb-video-center-overlay:hover .tb-video-center-play {\r\n            background: #fff;\r\n            transform: scale(1.08);\r\n            box-shadow: 0 6px 28px rgba(0, 0, 0, 0.5);\r\n        }\r\n\r\n        .tb-downloader .tb-video-center-play i {\r\n            font-size: 32px;\r\n            margin-left: 4px;\r\n        }\r\n\r\n        .tb-downloader .tb-video-loading {\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            right: 0;\r\n            bottom: 0;\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: center;\r\n            justify-content: center;\r\n            background: rgba(0, 0, 0, 0.7);\r\n            z-index: 3;\r\n            opacity: 0;\r\n            pointer-events: none;\r\n            transition: opacity 0.2s ease;\r\n        }\r\n\r\n        .tb-downloader .tb-video-loading.tb-active {\r\n            opacity: 1;\r\n            pointer-events: auto;\r\n        }\r\n\r\n        .tb-downloader .tb-video-loading .tb-loading-spinner {\r\n            width: 48px;\r\n            height: 48px;\r\n            border: 4px solid rgba(255, 255, 255, 0.2);\r\n            border-top-color: #00BCD4;\r\n            border-radius: 50%;\r\n            animation: tb-spin 0.8s linear infinite;\r\n        }\r\n\r\n        .tb-downloader .tb-video-loading .tb-loading-text {\r\n            margin-top: 14px;\r\n            font-size: 14px;\r\n            color: rgba(255, 255, 255, 0.9);\r\n            font-weight: 500;\r\n        }\r\n\r\n        @keyframes tb-spin {\r\n            to { transform: rotate(360deg); }\r\n        }\r\n\r\n        .tb-downloader .tb-video-controls {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 10px;\r\n            padding: 12px 16px;\r\n            background: #1a1a1a;\r\n            border-top: 1px solid rgba(255, 255, 255, 0.12);\r\n            flex-wrap: wrap;\r\n            position: relative;\r\n            z-index: 10;\r\n        }\r\n\r\n        .tb-downloader .tb-video-controls .tb-ctrl-btn {\r\n            width: 36px;\r\n            height: 36px;\r\n            border: none;\r\n            background: transparent;\r\n            color: rgba(255, 255, 255, 0.9);\r\n            cursor: pointer;\r\n            border-radius: 8px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            transition: background 0.2s, color 0.2s;\r\n        }\r\n\r\n        .tb-downloader .tb-video-controls .tb-ctrl-btn:hover {\r\n            background: rgba(255, 255, 255, 0.12);\r\n            color: #fff;\r\n        }\r\n\r\n        .tb-downloader .tb-video-controls .tb-progress-wrap {\r\n            flex: 1;\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 10px;\r\n            min-width: 0;\r\n        }\r\n\r\n        .tb-downloader .tb-video-controls .tb-time {\r\n            font-size: 12px;\r\n            color: rgba(255, 255, 255, 0.7);\r\n            font-variant-numeric: tabular-nums;\r\n            white-space: nowrap;\r\n        }\r\n\r\n        .tb-downloader .tb-video-controls .tb-progress-bar {\r\n            flex: 1;\r\n            height: 6px;\r\n            background: rgba(255, 255, 255, 0.2);\r\n            border-radius: 3px;\r\n            cursor: pointer;\r\n            position: relative;\r\n            min-width: 60px;\r\n        }\r\n\r\n        .tb-downloader .tb-video-controls .tb-progress-fill {\r\n            height: 100%;\r\n            border-radius: 3px;\r\n            background: linear-gradient(90deg, #00BCD4, #00ACC1);\r\n            width: 0%;\r\n            transition: width 0.1s;\r\n        }\r\n\r\n        .tb-downloader .tb-video-controls .tb-volume-wrap {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 8px;\r\n        }\r\n\r\n        .tb-downloader .tb-video-controls .tb-volume-wrap .tb-sound-label {\r\n            font-size: 11px;\r\n            color: rgba(255, 255, 255, 0.7);\r\n            text-transform: uppercase;\r\n            letter-spacing: 0.05em;\r\n        }\r\n\r\n        .tb-downloader .tb-video-controls .tb-volume-slider {\r\n            width: 80px;\r\n            height: 4px;\r\n            -webkit-appearance: none;\r\n            appearance: none;\r\n            background: rgba(255, 255, 255, 0.25);\r\n            border-radius: 2px;\r\n            cursor: pointer;\r\n        }\r\n\r\n        .tb-downloader .tb-video-controls .tb-volume-slider::-webkit-slider-thumb {\r\n            -webkit-appearance: none;\r\n            width: 12px;\r\n            height: 12px;\r\n            border-radius: 50%;\r\n            background: #00BCD4;\r\n            cursor: pointer;\r\n        }\r\n\r\n        .tb-downloader .tb-video-controls .tb-volume-slider::-moz-range-thumb {\r\n            width: 12px;\r\n            height: 12px;\r\n            border-radius: 50%;\r\n            background: #00BCD4;\r\n            cursor: pointer;\r\n            border: none;\r\n        }\r\n\r\n        .tb-downloader .tb-video-controls .tb-ctrl-group {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 4px;\r\n        }\r\n\r\n        .tb-downloader .tb-video-controls .tb-speed-btn {\r\n            min-width: 42px;\r\n            font-size: 11px;\r\n            font-weight: 600;\r\n            color: rgba(255, 255, 255, 0.9);\r\n        }\r\n\r\n        .tb-downloader .tb-video-wrap.tb-zoom-in {\r\n            transform: scale(1.25);\r\n            transform-origin: center center;\r\n        }\r\n\r\n        .tb-downloader .tb-video-wrap.tb-zoom-2x {\r\n            transform: scale(1.5);\r\n            transform-origin: center center;\r\n        }\r\n\r\n        .tb-downloader .tb-video-section {\r\n            overflow: hidden;\r\n        }\r\n\r\n        .tb-downloader .tb-video-controls {\r\n  \r\n    \/* top: 260px !important; *\/\r\n}\r\n\r\n        \/* Responsive Design *\/\r\n        @media (max-width: 992px) {\r\n            .tb-downloader .tb-main-contain {\r\n                padding: 15px;\r\n            }\r\n            \r\n            .tb-downloader .tb-header {\r\n                padding: 20px 0;\r\n                margin-bottom: 30px;\r\n            }\r\n            \r\n            .tb-downloader .tb-header .tb-title {\r\n                font-size: 36px;\r\n            }\r\n            \r\n            .tb-downloader .tb-header .tb-description {\r\n                font-size: 16px;\r\n                max-width: 700px;\r\n            }\r\n            \r\n            .tb-downloader .tb-tool-wrapper {\r\n                width: 90%;\r\n                padding: 30px;\r\n                margin-bottom: 30px;\r\n            }\r\n            \r\n            .tb-downloader .tb-tools-result {\r\n                width: 90%;\r\n                margin-bottom: 40px;\r\n            }\r\n            \r\n            .tb-downloader .tb-thumb-wrap {\r\n                width: 180px;\r\n                height: 100px;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .tb-downloader {\r\n                padding: 15px;\r\n            }\r\n            \r\n            .tb-downloader .tb-main-contain {\r\n                padding: 10px;\r\n            }\r\n            \r\n            .tb-downloader .tb-header {\r\n                padding: 15px 0;\r\n                margin-bottom: 25px;\r\n            }\r\n            \r\n            .tb-downloader .tb-header .tb-title {\r\n                font-size: 30px;\r\n            }\r\n            \r\n            .tb-downloader .tb-header .tb-description {\r\n                font-size: 15px;\r\n                max-width: 600px;\r\n            }\r\n            \r\n            .tb-downloader .tb-tool-wrapper {\r\n                width: 95%;\r\n                padding: 25px;\r\n                margin-bottom: 25px;\r\n            }\r\n            \r\n            .tb-downloader .tb-input-area {\r\n                flex-direction: column;\r\n                gap: 12px;\r\n                padding: 20px;\r\n            }\r\n            \r\n            .tb-downloader .tb-input-area input {\r\n                width: 100%;\r\n            }\r\n            \r\n            .tb-downloader .tb-paste-btn,\r\n            .tb-downloader .tb-view-btn {\r\n                width: 100%;\r\n                justify-content: center;\r\n            }\r\n            \r\n            .tb-downloader .tb-tools-result {\r\n                width: 95%;\r\n                margin-bottom: 30px;\r\n            }\r\n            \r\n            .tb-downloader .tb-file-header {\r\n                flex-direction: column;\r\n                align-items: center;\r\n                text-align: center;\r\n            }\r\n            \r\n            .tb-downloader .tb-file-info {\r\n                text-align: center;\r\n                width: 100%;\r\n            }\r\n            \r\n            .tb-downloader .tb-thumb-wrap {\r\n                width: 100%;\r\n                max-width: 300px;\r\n                height: 170px;\r\n            }\r\n            \r\n            .tb-downloader .tb-video-controls {\r\n                padding: 10px;\r\n            }\r\n            \r\n            .tb-downloader .tb-video-controls .tb-volume-wrap {\r\n                display: none;\r\n            }\r\n            \r\n            .tb-downloader .tb-video-controls .tb-progress-wrap {\r\n                order: 1;\r\n                width: 100%;\r\n                margin-top: 10px;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 600px) {\r\n            .tb-downloader .tb-header .tb-title {\r\n                font-size: 26px;\r\n            }\r\n            \r\n            .tb-downloader .tb-header .tb-description {\r\n                font-size: 14px;\r\n            }\r\n            \r\n            .tb-downloader .tb-tool-wrapper {\r\n                padding: 20px;\r\n            }\r\n            \r\n            .tb-downloader .tb-input-area {\r\n                padding: 15px;\r\n            }\r\n            \r\n            .tb-downloader .tb-input-area input {\r\n                padding: 12px 15px;\r\n                font-size: 15px;\r\n            }\r\n            \r\n            .tb-downloader .tb-paste-btn,\r\n            .tb-downloader .tb-view-btn {\r\n                padding: 12px 15px;\r\n                font-size: 14px;\r\n            }\r\n            \r\n            .tb-downloader .tb-result {\r\n                padding: 20px;\r\n            }\r\n            \r\n            .tb-downloader .tb-thumb-wrap {\r\n                max-width: 250px;\r\n                height: 140px;\r\n            }\r\n            \r\n            .tb-downloader .tb-video-controls .tb-ctrl-btn {\r\n                width: 32px;\r\n                height: 32px;\r\n            }\r\n            \r\n            .tb-downloader .tb-video-controls .tb-speed-btn {\r\n                min-width: 38px;\r\n                font-size: 10px;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 400px) {\r\n            .tb-downloader {\r\n                padding: 10px;\r\n            }\r\n            \r\n            .tb-downloader .tb-main-contain {\r\n                padding: 5px;\r\n            }\r\n            \r\n            .tb-downloader .tb-header {\r\n                padding: 10px 0;\r\n                margin-bottom: 20px;\r\n            }\r\n            \r\n            .tb-downloader .tb-header .tb-title {\r\n                font-size: 22px;\r\n            }\r\n            \r\n            .tb-downloader .tb-header .tb-description {\r\n                font-size: 13px;\r\n            }\r\n            \r\n            .tb-downloader .tb-tool-wrapper {\r\n                width: 98%;\r\n                padding: 15px;\r\n                margin-bottom: 20px;\r\n            }\r\n            \r\n            .tb-downloader .tb-input-area {\r\n                padding: 12px;\r\n            }\r\n            \r\n            .tb-downloader .tb-input-area input {\r\n                padding: 10px 12px;\r\n                font-size: 14px;\r\n            }\r\n            \r\n            .tb-downloader .tb-paste-btn,\r\n            .tb-downloader .tb-view-btn {\r\n                padding: 10px 12px;\r\n                font-size: 13px;\r\n            }\r\n            \r\n            .tb-downloader .tb-result {\r\n                padding: 15px;\r\n            }\r\n            \r\n            .tb-downloader .tb-file-header {\r\n                gap: 15px;\r\n            }\r\n            \r\n            .tb-downloader .tb-thumb-wrap {\r\n                max-width: 200px;\r\n                height: 110px;\r\n            }\r\n            \r\n            .tb-downloader .tb-btn {\r\n                padding: 10px 15px;\r\n                font-size: 14px;\r\n            }\r\n            \r\n            .tb-downloader .tb-video-controls .tb-ctrl-btn {\r\n                width: 30px;\r\n                height: 30px;\r\n            }\r\n            \r\n            .tb-downloader .tb-video-controls .tb-speed-btn {\r\n                min-width: 35px;\r\n                font-size: 9px;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 375px) {\r\n            .tb-downloader .tb-header .tb-title {\r\n                font-size: 20px;\r\n            }\r\n            \r\n            .tb-downloader .tb-header .tb-description {\r\n                font-size: 12px;\r\n            }\r\n            \r\n            .tb-downloader .tb-tool-wrapper {\r\n                padding: 12px;\r\n            }\r\n            \r\n            .tb-downloader .tb-input-area {\r\n                padding: 10px;\r\n            }\r\n            \r\n            .tb-downloader .tb-input-area input {\r\n                padding: 9px 11px;\r\n                font-size: 13px;\r\n            }\r\n            \r\n            .tb-downloader .tb-paste-btn,\r\n            .tb-downloader .tb-view-btn {\r\n                padding: 9px 11px;\r\n                font-size: 12px;\r\n            }\r\n            \r\n            .tb-downloader .tb-result {\r\n                padding: 12px;\r\n            }\r\n            \r\n            .tb-downloader .tb-thumb-wrap {\r\n                max-width: 180px;\r\n                height: 100px;\r\n            }\r\n            \r\n            .tb-downloader .tb-btn {\r\n                padding: 8px 12px;\r\n                font-size: 13px;\r\n            }\r\n            \r\n            .tb-downloader .tb-video-controls .tb-ctrl-btn {\r\n                width: 28px;\r\n                height: 28px;\r\n            }\r\n            \r\n            .tb-downloader .tb-video-controls .tb-speed-btn {\r\n                min-width: 32px;\r\n                font-size: 8px;\r\n            }\r\n        }\r\n    <\/style>\r\n\r\n<div class=\"tb-downloader\" id=\"tool\">\r\n    <div class=\"tb-main-contain\">\r\n        <div class=\"tb-header\">\r\n            <h1 class=\"tb-title\">TeraBox <span>Downloader<\/span><\/h1>\r\n            <p class=\"tb-description\">Paste a TeraBox share link to get file info, stream video in the browser, or download directly. Supports 1024terabox.com and similar TeraBox links.<\/p>\r\n        <\/div>\r\n        \r\n        <div class=\"tb-tool-wrapper\">\r\n            <div class=\"tb-input-area\">\r\n                <input type=\"url\" id=\"tb-link-input\" placeholder=\"https:\/\/1024terabox.com\/s\/xxxxx\" autocomplete=\"off\" \/>\r\n                <button type=\"button\" class=\"tb-paste-btn\" id=\"tb-paste-btn\"><i class=\"fa-solid fa-paste\"><\/i> Paste<\/button>\r\n                <button type=\"button\" class=\"tb-view-btn\" id=\"tb-get-btn\"><i class=\"fa-solid fa-download\"><\/i> Get File<\/button>\r\n            <\/div>\r\n\r\n            <div id=\"tb-error-message\" class=\"tb-error-message\"><\/div>\r\n        <\/div>\r\n\r\n        <div class=\"tb-tools-result\" id=\"tb-result-wrapper\">\r\n            <div class=\"tb-result\" id=\"tb-result-card\">\r\n                <div class=\"tb-empty\">\r\n                    <i class=\"fa-solid fa-cloud-arrow-down\"><\/i>\r\n                    Paste a TeraBox share link above and click Get File to stream or download.\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n  \r\n<\/div>\r\n[\/et_pb_fullwidth_code][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; fullwidth=&#8221;on&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_fullwidth_code _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; hover_enabled=&#8221;0&#8243; global_colors_info=&#8221;{}&#8221; sticky_enabled=&#8221;0&#8243;]<!-- Features Section -->\n<section id=\"features\" class=\"tb-section\">\n    <div class=\"tb-container\">\n        <h2 class=\"tb-section-title\">Key Features of TeraBox Downloader<\/h2>\n        <p class=\"tb-section-subtitle\">Experience the power of our advanced TeraBox downloading tool<\/p>\n        <div class=\"tb-grid tb-grid-4\">\n            <div class=\"tb-feature-card tb-fade-in\">\n                <div class=\"tb-feature-icon\">\n                    <i class=\"fas fa-bolt\"><\/i>\n                <\/div>\n                <h3 class=\"tb-feature-title\">Fast Downloads<\/h3>\n                <p class=\"tb-feature-description\">Get your files quickly with no hassle. Our optimized servers ensure maximum download speed.<\/p>\n            <\/div>\n            <div class=\"tb-feature-card tb-fade-in\">\n                <div class=\"tb-feature-icon\">\n                    <i class=\"fas fa-play-circle\"><\/i>\n                <\/div>\n                <h3 class=\"tb-feature-title\">Stream Before You Download<\/h3>\n                <p class=\"tb-feature-description\">Preview videos directly in your browser before deciding to download them.<\/p>\n            <\/div>\n            <div class=\"tb-feature-card tb-fade-in\">\n                <div class=\"tb-feature-icon\">\n                    <i class=\"fas fa-link\"><\/i>\n                <\/div>\n                <h3 class=\"tb-feature-title\">Multi-Link Support<\/h3>\n                <p class=\"tb-feature-description\">Works with 1024terabox.com and other TeraBox links for maximum compatibility.<\/p>\n            <\/div>\n            <div class=\"tb-feature-card tb-fade-in\">\n                <div class=\"tb-feature-icon\">\n                    <i class=\"fas fa-user-friends\"><\/i>\n                <\/div>\n                <h3 class=\"tb-feature-title\">User-Friendly Interface<\/h3>\n                <p class=\"tb-feature-description\">Simple design that anyone can use, no tech skills required.<\/p>\n            <\/div>\n        <\/div>\n\t\t\t\t<div class=\"tb-text-center\" style=\"margin-top: var(--tb-space-8);\">\n            <a href=\"\/features\" class=\"tb-btn tb-btn-secondary tb-pulse\">Explore All Features<\/a>\n        <\/div>\n    <\/div>\n<\/section>\n\n<!-- How It Works Section -->\n<section id=\"how-it-works\" class=\"tb-section\">\n    <div class=\"tb-container\">\n        <h2 class=\"tb-section-title\">How It Works<\/h2>\n        <p class=\"tb-section-subtitle\">Download your files in three simple steps<\/p>\n        <div class=\"tb-grid tb-grid-3\">\n            <div class=\"tb-step tb-fade-in\">\n                <div class=\"tb-step-icon\">\n                    <i class=\"fas fa-paste\"><\/i>\n                <\/div>\n                <h3 class=\"tb-step-title\">Paste Link<\/h3>\n                <p class=\"tb-step-description\">Simply paste a TeraBox share link into the tool.<\/p>\n            <\/div>\n            <div class=\"tb-step tb-fade-in\">\n                <div class=\"tb-step-icon\">\n                    <i class=\"fas fa-info-circle\"><\/i>\n                <\/div>\n                <h3 class=\"tb-step-title\">Stream or Get Info<\/h3>\n                <p class=\"tb-step-description\">View file details and stream video in the browser.<\/p>\n            <\/div>\n            <div class=\"tb-step tb-fade-in\">\n                <div class=\"tb-step-icon\">\n                    <i class=\"fas fa-download\"><\/i>\n                <\/div>\n                <h3 class=\"tb-step-title\">Download Fast<\/h3>\n                <p class=\"tb-step-description\">Click and download the file directly to your device.<\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<!-- Supported Platforms Section -->\n<section id=\"platforms\" class=\"tb-section\">\n    <div class=\"tb-container\">\n        <h2 class=\"tb-section-title\">Works with TeraBox Links<\/h2>\n        <p class=\"tb-section-subtitle\">Compatible with TeraBox links like 1024terabox.com and more for seamless downloading and streaming.<\/p>\n        <div class=\"tb-grid tb-grid-4\">\n            <div class=\"tb-platform-card tb-fade-in\">\n                <div class=\"tb-platform-icon\">\n                    <i class=\"fas fa-globe\"><\/i>\n                <\/div>\n                <h3 class=\"tb-platform-name\">terabox.com<\/h3>\n                <p class=\"tb-platform-description\">Official TeraBox domain<\/p>\n            <\/div>\n            <div class=\"tb-platform-card tb-fade-in\">\n                <div class=\"tb-platform-icon\">\n                    <i class=\"fas fa-globe-americas\"><\/i>\n                <\/div>\n                <h3 class=\"tb-platform-name\">1024terabox.com<\/h3>\n                <p class=\"tb-platform-description\">Popular TeraBox alternative<\/p>\n            <\/div>\n            <div class=\"tb-platform-card tb-fade-in\">\n                <div class=\"tb-platform-icon\">\n                    <i class=\"fas fa-globe-europe\"><\/i>\n                <\/div>\n                <h3 class=\"tb-platform-name\">terabox.app<\/h3>\n                <p class=\"tb-platform-description\">Mobile-friendly TeraBox<\/p>\n            <\/div>\n            <div class=\"tb-platform-card tb-fade-in\">\n                <div class=\"tb-platform-icon\">\n                    <i class=\"fas fa-plus-circle\"><\/i>\n                <\/div>\n                <h3 class=\"tb-platform-name\">And More<\/h3>\n                <p class=\"tb-platform-description\">Continuously adding support<\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<!-- Pricing Section -->\n<section id=\"pricing\" class=\"tb-section\">\n    <div class=\"tb-container\">\n        <h2 class=\"tb-section-title\">Choose Your Plan<\/h2>\n        <p class=\"tb-section-subtitle\">Select the plan that best fits your needs<\/p>\n        <div class=\"tb-grid tb-grid-3\">\n            <div class=\"tb-pricing-card tb-fade-in\">\n                <h3 class=\"tb-pricing-title\">Free Plan<\/h3>\n                <div class=\"tb-pricing-price\">$0<span style=\"font-size: 16px; font-weight: normal;\">\/month<\/span><\/div>\n                <ul class=\"tb-pricing-features\">\n                    <li><i class=\"fas fa-check\"><\/i> 5 downloads per day<\/li>\n                    <li><i class=\"fas fa-check\"><\/i> Basic streaming quality<\/li>\n                    <li><i class=\"fas fa-check\"><\/i> Standard support<\/li>\n                    <li><i class=\"fas fa-check\"><\/i> No registration required<\/li>\n                <\/ul>\n\n            <\/div>\n            <div class=\"tb-pricing-card featured tb-fade-in\">\n                <h3 class=\"tb-pricing-title\">Premium Plan<\/h3>\n                <div class=\"tb-pricing-price\">$9.99<span style=\"font-size: 16px; font-weight: normal;\">\/month<\/span><\/div>\n                <ul class=\"tb-pricing-features\">\n                    <li><i class=\"fas fa-check\"><\/i> Unlimited downloads<\/li>\n                    <li><i class=\"fas fa-check\"><\/i> HD streaming quality<\/li>\n                    <li><i class=\"fas fa-check\"><\/i> Priority support<\/li>\n                    <li><i class=\"fas fa-check\"><\/i> Ad-free experience<\/li>\n                    <li><i class=\"fas fa-check\"><\/i> Batch downloads<\/li>\n                <\/ul>\n\n            <\/div>\n            <div class=\"tb-pricing-card tb-fade-in\">\n                <h3 class=\"tb-pricing-title\">Enterprise Plan<\/h3>\n                <div class=\"tb-pricing-price\">$29.99<span style=\"font-size: 16px; font-weight: normal;\">\/month<\/span><\/div>\n                <ul class=\"tb-pricing-features\">\n                    <li><i class=\"fas fa-check\"><\/i> Everything in Premium<\/li>\n                    <li><i class=\"fas fa-check\"><\/i> Team management<\/li>\n                    <li><i class=\"fas fa-check\"><\/i> API access<\/li>\n                    <li><i class=\"fas fa-check\"><\/i> Custom integrations<\/li>\n                    <li><i class=\"fas fa-check\"><\/i> Dedicated support<\/li>\n                <\/ul>\n\n            <\/div>\n        <\/div>\n        <div class=\"tb-text-center\" style=\"margin-top: var(--tb-space-8);\">\n            <a href=\"\/pricing\" class=\"tb-btn tb-btn-secondary\">View Full Pricing<\/a>\n        <\/div>\n    <\/div>\n<\/section>\n\n<!-- Testimonials Section -->\n<section id=\"testimonials\" class=\"tb-section\">\n    <div class=\"tb-container\">\n        <h2 class=\"tb-section-title\">What Our Users Say<\/h2>\n        <p class=\"tb-section-subtitle\">Join thousands of satisfied users who trust TeraDownTech<\/p>\n        <div class=\"tb-grid tb-grid-3\">\n            <div class=\"tb-testimonial-card tb-fade-in\">\n                <img decoding=\"async\" src=\"https:\/\/teradowntech.com\/wp-content\/uploads\/2026\/02\/Miguel-Rodriguez.png\" alt=\"User\" class=\"tb-testimonial-avatar\">\n                <p class=\"tb-testimonial-text\">\"TeraDownTech has completely changed how I download from TeraBox. It's so fast and easy to use!\"<\/p>\n                <h4 class=\"tb-testimonial-author\">Miguel Rodriguez<\/h4>\n                <p class=\"tb-testimonial-role\">Content Creator<\/p>\n            <\/div>\n            <div class=\"tb-testimonial-card tb-fade-in\">\n                <img decoding=\"async\" src=\"https:\/\/teradowntech.com\/wp-content\/uploads\/2026\/02\/Alex-Chen.png\" alt=\"User\" class=\"tb-testimonial-avatar\">\n                <p class=\"tb-testimonial-text\">\"The streaming feature is a game-changer. I can preview videos before deciding to download them.\"<\/p>\n                <h4 class=\"tb-testimonial-author\">Alex Chen<\/h4>\n                <p class=\"tb-testimonial-role\">Digital Marketer<\/p>\n            <\/div>\n            <div class=\"tb-testimonial-card tb-fade-in\">\n                <img decoding=\"async\" src=\"https:\/\/teradowntech.com\/wp-content\/uploads\/2026\/02\/Emily-Rodriguez.png\" alt=\"User\" class=\"tb-testimonial-avatar\">\n                <p class=\"tb-testimonial-text\">\"I've tried many TeraBox downloaders, but TeraDownTech is by far the best. Highly recommended!\"<\/p>\n                <h4 class=\"tb-testimonial-author\">Emily Rodriguez<\/h4>\n                <p class=\"tb-testimonial-role\">Student<\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<!-- FAQ Section -->\n<section id=\"faq\" class=\"tb-section\">\n    <div class=\"tb-container\">\n        <h2 class=\"tb-section-title\">Frequently Asked Questions<\/h2>\n        <p class=\"tb-section-subtitle\">Find answers to common questions about TeraDownTech<\/p>\n        \n        <div class=\"tb-faq-container\">\n            <div class=\"tb-faq-item\">\n                <button class=\"tb-faq-question\">\n                    <span>Is TeraDownTech free to use?<\/span>\n                    <i class=\"fas fa-chevron-down\"><\/i>\n                <\/button>\n                <div class=\"tb-faq-answer\">\n                    <p>Yes! TeraDownTech is completely free to use. You can download and stream files from TeraBox without any charges or registration requirements. We believe in providing accessible tools for everyone.<\/p>\n                <\/div>\n            <\/div>\n            \n            <div class=\"tb-faq-item\">\n                <button class=\"tb-faq-question\">\n                    <span>What TeraBox links are supported?<\/span>\n                    <i class=\"fas fa-chevron-down\"><\/i>\n                <\/button>\n                <div class=\"tb-faq-answer\">\n                    <p>TeraDownTech supports all major TeraBox domains including terabox.com, 1024terabox.com, terabox.app, terabox.jp, and more. We continuously update our compatibility to ensure you can access files from any TeraBox link.<\/p>\n                <\/div>\n            <\/div>\n            \n            <div class=\"tb-faq-item\">\n                <button class=\"tb-faq-question\">\n                    <span>Is it safe to download files through TeraDownTech?<\/span>\n                    <i class=\"fas fa-chevron-down\"><\/i>\n                <\/button>\n                <div class=\"tb-faq-answer\">\n                    <p>Absolutely! Your security is our top priority. TeraDownTech uses secure HTTPS connections and doesn't store any of your personal data or files. All downloads are processed directly from TeraBox servers through our secure proxy.<\/p>\n                <\/div>\n            <\/div>\n            \n            <div class=\"tb-faq-item\">\n                <button class=\"tb-faq-question\">\n                    <span>Can I stream videos before downloading?<\/span>\n                    <i class=\"fas fa-chevron-down\"><\/i>\n                <\/button>\n                <div class=\"tb-faq-answer\">\n                    <p>Yes! One of our key features is the ability to preview videos directly in your browser before deciding to download them. This saves you time and bandwidth by allowing you to check the content first.<\/p>\n                <\/div>\n            <\/div>\n            \n            <div class=\"tb-faq-item\">\n                <button class=\"tb-faq-question\">\n                    <span>Are there any download limits?<\/span>\n                    <i class=\"fas fa-chevron-down\"><\/i>\n                <\/button>\n                <div class=\"tb-faq-answer\">\n                    <p>TeraDownTech offers unlimited downloads with no daily or monthly limits. You can download as many files as you need, whenever you need them. The only limitation might be your internet connection speed and TeraBox's server availability.<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n        \n    <\/div>\n<\/section>\n\n<!-- CTA Section with Tool Background -->\n<section id=\"cta\" class=\"tb-cta-section\">\n    <div class=\"tb-container\">\n        <div class=\"tb-cta-content\">\n            <h2 class=\"tb-cta-title\">Ready to Download & Stream?<\/h2>\n            <p class=\"tb-cta-subtitle\">Join thousands of users who trust TeraDownTech for fast, secure TeraBox downloads<\/p>\n        <div class=\"tb-text-center\" style=\"margin-top: var(--tb-space-8);\">\n            <a href=\"\/#tool\" class=\"tb-btn tb-btn-secondary\">Download Now<\/a>\n        <\/div>\n            \n            <div class=\"tb-cta-features\">\n                <div class=\"tb-cta-feature\">\n                    <i class=\"fas fa-check-circle\"><\/i>\n                    <span>No Registration Required<\/span>\n                <\/div>\n                <div class=\"tb-cta-feature\">\n                    <i class=\"fas fa-check-circle\"><\/i>\n                    <span>100% Free to Use<\/span>\n                <\/div>\n                <div class=\"tb-cta-feature\">\n                    <i class=\"fas fa-check-circle\"><\/i>\n                    <span>Unlimited Downloads<\/span>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<!-- Sticky CTA Button -->\n<a href=\"\/#tool\" class=\"tb-sticky-cta\">\n    <i class=\"fas fa-download\"><\/i><\/a>\n\n<style>\n\/* ===================================\n   TeraDownTech Design System - White Background\n   =================================== *\/\n\n:root {\n    \/* Color Palette - Updated for White Background *\/\n    --tb-bg-color: #ffffff;\n    --tb-section-bg: #f8f9fa;\n    --tb-primary-color: #4a148c;\n    --tb-secondary-color: #6a1b9a;\n    \n    \/* Accent Colors - Keeping Original Brand Colors *\/\n    --tb-accent-orange: #FF9800;\n    --tb-accent-orange-dark: #F57C00;\n    --tb-accent-cyan: #00BCD4;\n    --tb-accent-cyan-dark: #0097A7;\n    --tb-accent-green: #4CAF50;\n    --tb-accent-green-dark: #388E3C;\n    \n    \/* Text Colors - Updated for White Background *\/\n    --tb-text-primary: #212121;\n    --tb-text-secondary: #424242;\n    --tb-text-muted: #757575;\n    --tb-text-disabled: #bdbdbd;\n    \n    \/* Card & Component Colors *\/\n    --tb-card-bg: #ffffff;\n    --tb-card-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);\n    --tb-card-hover-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);\n    --tb-border-color: #e0e0e0;\n    --tb-border-light: #f0f0f0;\n    \n    \/* Typography *\/\n    --tb-font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\n    --tb-font-size-xs: 14px;\n    --tb-font-size-sm: 16px;\n    --tb-font-size-base: 18px;\n    --tb-font-size-lg: 20px;\n    --tb-font-size-xl: 24px;\n    --tb-font-size-2xl: 32px;\n    --tb-font-size-3xl: 36px;\n    --tb-font-size-4xl: 42px;\n    --tb-font-weight-normal: 400;\n    --tb-font-weight-medium: 500;\n    --tb-font-weight-semibold: 600;\n    --tb-font-weight-bold: 700;\n    --tb-font-weight-extrabold: 800;\n    --tb-line-height-normal: 1.6;\n    \n    \/* Spacing *\/\n    --tb-space-1: 4px;\n    --tb-space-2: 8px;\n    --tb-space-3: 12px;\n    --tb-space-4: 16px;\n    --tb-space-5: 20px;\n    --tb-space-6: 24px;\n    --tb-space-8: 32px;\n    --tb-space-10: 40px;\n    --tb-space-12: 48px;\n    --tb-space-16: 64px;\n    --tb-space-20: 80px;\n    \n    \/* Border Radius *\/\n    --tb-radius-sm: 8px;\n    --tb-radius-md: 12px;\n    --tb-radius-lg: 16px;\n    --tb-radius-xl: 20px;\n    --tb-radius-full: 50%;\n    \n    \/* Transitions *\/\n    --tb-transition-fast: 0.2s ease;\n    --tb-transition-normal: 0.3s ease;\n    --tb-transition-slow: 0.4s ease;\n}\n\n\/* ===================================\n   Base Styles\n   =================================== *\/\n\n* {\n    margin: 0;\n    padding: 0;\n    box-sizing: border-box;\n}\n\nbody {\n    font-family: var(--tb-font-family);\n    background-color: var(--tb-bg-color);\n    color: var(--tb-text-primary);\n    line-height: var(--tb-line-height-normal);\n    overflow-x: hidden;\n}\n\n\/* ===================================\n   Section Styles\n   =================================== *\/\n\n.tb-section {\n    padding: var(--tb-space-16) 0;\n}\n\n.tb-section:nth-child(even) {\n    background-color: var(--tb-section-bg);\n}\n\n.tb-container {\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: 0 var(--tb-space-4);\n}\n\n.tb-section-title {\n    font-size: var(--tb-font-size-3xl);\n    font-weight: var(--tb-font-weight-bold);\n    margin-bottom: var(--tb-space-4);\n    text-align: center;\n    color: var(--tb-primary-color);\n}\n\n.tb-section-subtitle {\n    font-size: var(--tb-font-size-lg);\n    color: var(--tb-text-secondary);\n    margin-bottom: var(--tb-space-10);\n    text-align: center;\n    max-width: 800px;\n    margin-left: auto;\n    margin-right: auto;\n}\n\n.tb-text-center {\n    text-align: center;\n}\n\n.tb-grid {\n    display: grid;\n    gap: var(--tb-space-6);\n}\n\n.tb-grid-2 {\n    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n}\n\n.tb-grid-3 {\n    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n}\n\n.tb-grid-4 {\n    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n}\n\n\/* ===================================\n   Component Styles\n   =================================== *\/\n\n\/* Buttons *\/\n.tb-btn {\n    display: inline-flex;\n    align-items: center;\n    gap: var(--tb-space-2);\n    padding: 12px 24px;\n    border-radius: var(--tb-radius-md);\n    font-weight: var(--tb-font-weight-semibold);\n    font-size: var(--tb-font-size-base);\n    text-decoration: none;\n    border: none;\n    cursor: pointer;\n    transition: all var(--tb-transition-normal);\n    position: relative;\n    overflow: hidden;\n}\n\n.tb-btn-primary {\n    background: linear-gradient(135deg, var(--tb-accent-cyan), var(--tb-accent-cyan-dark));\n    color: white;\n    box-shadow: 0 4px 12px rgba(0, 188, 212, 0.3);\n}\n\n.tb-btn-primary:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 6px 16px rgba(0, 188, 212, 0.4);\n}\n\n.tb-btn-secondary {\n    background: linear-gradient(135deg, var(--tb-accent-orange), var(--tb-accent-orange-dark));\n    color: white;\n    box-shadow: 0 4px 12px rgba(255, 152, 0, 0.3);\n}\n\n.tb-btn-secondary:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 6px 16px rgba(255, 152, 0, 0.4);\n}\n\n.tb-btn-success {\n    background: linear-gradient(135deg, var(--tb-accent-green), var(--tb-accent-green-dark));\n    color: white;\n}\n\n.tb-btn-success:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 6px 16px rgba(76, 175, 80, 0.4);\n}\n\n\/* Features Section *\/\n.tb-feature-card {\n    background-color: var(--tb-card-bg);\n    border-radius: var(--tb-radius-lg);\n    padding: var(--tb-space-8);\n    text-align: center;\n    transition: all var(--tb-transition-normal);\n    border: 1px solid var(--tb-border-light);\n    height: 100%;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    box-shadow: var(--tb-card-shadow);\n}\n\n.tb-feature-card:hover {\n    transform: translateY(-5px);\n    box-shadow: var(--tb-card-hover-shadow);\n}\n\n.tb-feature-icon {\n    width: 80px;\n    height: 80px;\n    border-radius: var(--tb-radius-full);\n    background-color: rgba(0, 188, 212, 0.1);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin: 0 auto var(--tb-space-4);\n    font-size: 32px;\n    color: var(--tb-accent-cyan);\n    transition: all var(--tb-transition-normal);\n}\n\n.tb-feature-card:hover .tb-feature-icon {\n    background-color: var(--tb-accent-cyan);\n    color: white;\n    transform: scale(1.05);\n}\n\n.tb-feature-title {\n    font-size: var(--tb-font-size-xl);\n    margin-bottom: var(--tb-space-3);\n    color: var(--tb-text-primary);\n}\n\n.tb-feature-description {\n    color: var(--tb-text-muted);\n    line-height: 1.5;\n}\n\n\/* How It Works Section *\/\n.tb-step {\n    text-align: center;\n    padding: var(--tb-space-6);\n    position: relative;\n}\n\n.tb-step:not(:last-child)::after {\n    content: \"\";\n    position: absolute;\n    top: 40px;\n    right: -20px;\n    width: 40px;\n    height: 2px;\n    background: var(--tb-border-color);\n}\n\n.tb-step-icon {\n    width: 80px;\n    height: 80px;\n    border-radius: var(--tb-radius-full);\n    background-color: rgba(0, 188, 212, 0.1);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin: 0 auto var(--tb-space-4);\n    font-size: 32px;\n    color: var(--tb-accent-cyan);\n    transition: all var(--tb-transition-normal);\n}\n\n.tb-step:hover .tb-step-icon {\n    background-color: var(--tb-accent-cyan);\n    color: white;\n    transform: scale(1.1);\n}\n\n.tb-step-title {\n    font-size: var(--tb-font-size-xl);\n    margin-bottom: var(--tb-space-3);\n    color: var(--tb-text-primary);\n}\n\n.tb-step-description {\n    color: var(--tb-text-muted);\n    line-height: 1.5;\n}\n\n\/* Platforms Section *\/\n.tb-platform-card {\n    background-color: var(--tb-card-bg);\n    border-radius: var(--tb-radius-lg);\n    padding: var(--tb-space-6);\n    text-align: center;\n    transition: all var(--tb-transition-normal);\n    border: 1px solid var(--tb-border-light);\n    height: 100%;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    box-shadow: var(--tb-card-shadow);\n}\n\n.tb-platform-card:hover {\n    transform: translateY(-5px);\n    box-shadow: var(--tb-card-hover-shadow);\n}\n\n.tb-platform-icon {\n    width: 70px;\n    height: 70px;\n    border-radius: var(--tb-radius-full);\n    background-color: rgba(0, 188, 212, 0.1);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin: 0 auto var(--tb-space-3);\n    font-size: 28px;\n    color: var(--tb-accent-cyan);\n    transition: all var(--tb-transition-normal);\n}\n\n.tb-platform-card:hover .tb-platform-icon {\n    background-color: var(--tb-accent-cyan);\n    color: white;\n    transform: scale(1.05);\n}\n\n.tb-platform-name {\n    font-size: var(--tb-font-size-lg);\n    margin-bottom: var(--tb-space-2);\n    color: var(--tb-text-primary);\n}\n\n.tb-platform-description {\n    color: var(--tb-text-muted);\n    font-size: var(--tb-font-size-sm);\n}\n\n\/* Pricing Section *\/\n.tb-pricing-card {\n    background-color: var(--tb-card-bg);\n    border-radius: var(--tb-radius-lg);\n    padding: var(--tb-space-8);\n    text-align: center;\n    transition: all var(--tb-transition-normal);\n    border: 1px solid var(--tb-border-light);\n    height: 100%;\n    display: flex;\n    flex-direction: column;\n    position: relative;\n    overflow: hidden;\n    box-shadow: var(--tb-card-shadow);\n}\n\n.tb-pricing-card.featured {\n    border: 2px solid var(--tb-accent-orange);\n    transform: scale(1.05);\n}\n\n.tb-pricing-card.featured::before {\n    content: \"Popular\";\n    position: absolute;\n    top: 15px;\n    right: -30px;\n    background: var(--tb-accent-orange);\n    color: white;\n    font-size: var(--tb-font-size-sm);\n    font-weight: var(--tb-font-weight-bold);\n    padding: var(--tb-space-1) var(--tb-space-6);\n    transform: rotate(45deg);\n}\n\n.tb-pricing-card:hover {\n    transform: translateY(-5px);\n    box-shadow: var(--tb-card-hover-shadow);\n}\n\n.tb-pricing-card.featured:hover {\n    transform: scale(1.05) translateY(-5px);\n}\n\n.tb-pricing-title {\n    font-size: var(--tb-font-size-2xl);\n    margin-bottom: var(--tb-space-3);\n    color: var(--tb-text-primary);\n}\n\n.tb-pricing-price {\n    font-size: var(--tb-font-size-3xl);\n    font-weight: var(--tb-font-weight-bold);\n    margin-bottom: var(--tb-space-3);\n    color: var(--tb-primary-color);\n}\n\n.tb-pricing-features {\n    list-style: none;\n    margin-bottom: var(--tb-space-6);\n    flex-grow: 1;\n}\n\n.tb-pricing-features li {\n    padding: var(--tb-space-2) 0;\n    color: var(--tb-text-secondary);\n\t  text-align: left;\n}\n\n.tb-pricing-features li i {\n    color: var(--tb-accent-green);\n    margin-right: var(--tb-space-2);\n}\n\n\/* Testimonials Section *\/\n.tb-testimonial-card {\n    background-color: var(--tb-card-bg);\n    border-radius: var(--tb-radius-lg);\n    padding: var(--tb-space-8);\n    text-align: center;\n    border: 1px solid var(--tb-border-light);\n    height: 100%;\n    display: flex;\n    flex-direction: column;\n    box-shadow: var(--tb-card-shadow);\n    transition: all var(--tb-transition-normal);\n}\n\n.tb-testimonial-card:hover {\n    transform: translateY(-5px);\n    box-shadow: var(--tb-card-hover-shadow);\n}\n\n.tb-testimonial-avatar {\n    width: 80px;\n    height: 80px;\n    border-radius: var(--tb-radius-full);\n    margin: 0 auto var(--tb-space-4);\n    object-fit: cover;\n    border: 3px solid var(--tb-accent-cyan);\n}\n\n.tb-testimonial-text {\n    font-style: italic;\n    margin-bottom: var(--tb-space-4);\n    flex-grow: 1;\n    line-height: 1.6;\n    color: var(--tb-text-secondary);\n}\n\n.tb-testimonial-author {\n    font-weight: var(--tb-font-weight-semibold);\n    margin-bottom: var(--tb-space-1);\n    color: var(--tb-text-primary);\n}\n\n.tb-testimonial-role {\n    color: var(--tb-text-muted);\n    font-size: var(--tb-font-size-sm);\n}\n\n\/* FAQ Section *\/\n.tb-faq-container {\n    max-width: 800px;\n    margin: 0 auto;\n    margin-top: var(--tb-space-10);\n}\n\n.tb-faq-item {\n    background-color: var(--tb-card-bg);\n    border-radius: var(--tb-radius-lg);\n    margin-bottom: var(--tb-space-4);\n    border: 1px solid var(--tb-border-light);\n    overflow: hidden;\n    transition: all var(--tb-transition-normal);\n    box-shadow: var(--tb-card-shadow);\n}\n\n.tb-faq-item:hover {\n    box-shadow: var(--tb-card-hover-shadow);\n}\n\n.tb-faq-item.active {\n    border-color: var(--tb-accent-cyan);\n    box-shadow: 0 0 0 2px rgba(0, 188, 212, 0.1);\n}\n\n.tb-faq-question {\n    width: 100%;\n    padding: var(--tb-space-6);\n    background: none;\n    border: none;\n    text-align: left;\n    font-size: var(--tb-font-size-lg);\n    font-weight: var(--tb-font-weight-semibold);\n    color: var(--tb-text-primary);\n    cursor: pointer;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    transition: all var(--tb-transition-normal);\n    position: relative;\n}\n\n.tb-faq-question:hover {\n    color: var(--tb-accent-cyan);\n    background-color: rgba(0, 188, 212, 0.05);\n}\n\n.tb-faq-question i {\n    color: var(--tb-accent-cyan);\n    transition: transform var(--tb-transition-normal);\n    font-size: var(--tb-font-size-base);\n}\n\n.tb-faq-answer {\n    max-height: 0;\n    overflow: hidden;\n    opacity: 0;\n    transition: all var(--tb-transition-normal);\n    padding: 0 var(--tb-space-6);\n}\n\n.tb-faq-answer p {\n    color: var(--tb-text-secondary);\n    line-height: 1.6;\n    font-size: var(--tb-font-size-base);\n}\n\n\/* CTA Section with Tool Background *\/\n.tb-cta-section {\n    background: linear-gradient(90deg, hsla(252, 40%, 29%, 1) 0%, hsl(270, 58.1%, 29%) 100%);\n    padding: var(--tb-space-20) 0;\n    position: relative;\n    overflow: hidden;\n}\n\n\n.tb-cta-content {\n    text-align: center;\n    position: relative;\n    z-index: 2;\n}\n\n.tb-cta-title {\n    font-size: var(--tb-font-size-3xl);\n    font-weight: var(--tb-font-weight-extrabold);\n    color: white;\n    margin-bottom: var(--tb-space-4);\n    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);\n}\n\n.tb-cta-subtitle {\n    font-size: var(--tb-font-size-lg);\n    color: rgba(255, 255, 255, 0.9);\n    margin-bottom: var(--tb-space-10);\n    max-width: 900px;\n    margin-left: auto;\n    margin-right: auto;\n}\n\n\/* TeraBox Downloader Tool in CTA *\/\n.tb-downloader-tool {\n    width: 100%;\n    max-width: 800px;\n    margin: 0 auto var(--tb-space-10);\n    padding: var(--tb-space-8);\n    border-radius: var(--tb-radius-xl);\n    background: rgba(87, 31, 143, 0.85);\n    backdrop-filter: blur(10px);\n    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);\n    position: relative;\n    overflow: hidden;\n    border: 1px solid rgba(255, 255, 255, 0.1);\n}\n\n.tb-downloader-tool::before {\n    content: \"\";\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background: radial-gradient(circle at top right, rgba(66, 66, 107, 0.2), transparent 60%);\n    pointer-events: none;\n}\n\n.tb-input-area {\n    display: flex;\n    align-items: center;\n    background: rgba(255, 255, 255, 0.1);\n    padding: var(--tb-space-6) var(--tb-space-5);\n    border-radius: var(--tb-radius-lg);\n    gap: var(--tb-space-4);\n    margin: 0 auto;\n    max-width: 100%;\n    flex-wrap: wrap;\n    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);\n    border: 1px solid rgba(255, 255, 255, 0.1);\n    position: relative;\n    z-index: 2;\n}\n\n.tb-input {\n    flex-grow: 1;\n    padding: 14px 18px;\n    font-size: var(--tb-font-size-base);\n    border: none;\n    outline: none;\n    min-width: 200px;\n    background: rgba(255, 255, 255, 0.9);\n    border-radius: var(--tb-radius-md);\n    color: #1a1a2e;\n    font-weight: var(--tb-font-weight-medium);\n    transition: all var(--tb-transition-fast);\n}\n\n.tb-input:focus {\n    background: #fff;\n    box-shadow: 0 0 0 2px rgba(255, 152, 0, 0.5);\n}\n\n.tb-paste-btn,\n.tb-view-btn {\n    border: none;\n    border-radius: var(--tb-radius-md);\n    padding: 14px 20px;\n    cursor: pointer;\n    font-weight: var(--tb-font-weight-semibold);\n    transition: all var(--tb-transition-normal);\n    display: flex;\n    align-items: center;\n    gap: var(--tb-space-2);\n    font-size: var(--tb-font-size-base);\n    white-space: nowrap;\n}\n\n.tb-paste-btn {\n    background: linear-gradient(135deg, var(--tb-accent-cyan), var(--tb-accent-cyan-dark));\n    color: white;\n}\n\n.tb-paste-btn:hover {\n    background: linear-gradient(135deg, #00ACC1, #00838F);\n    transform: translateY(-2px);\n}\n\n.tb-view-btn {\n    background: linear-gradient(135deg, var(--tb-accent-orange), var(--tb-accent-orange-dark));\n    color: white;\n    box-shadow: 0 5px 15px rgba(255, 152, 0, 0.3);\n}\n\n.tb-view-btn:hover {\n    background: linear-gradient(135deg, #FB8C00, #EF6C00);\n    transform: translateY(-2px);\n    box-shadow: 0 8px 20px rgba(255, 152, 0, 0.4);\n}\n\n.tb-view-btn:disabled {\n    opacity: 0.6;\n    cursor: not-allowed;\n    transform: none;\n}\n\n.tb-error-message {\n    color: #ff6b6b;\n    margin-top: var(--tb-space-3);\n    display: none;\n    font-weight: var(--tb-font-weight-medium);\n    font-size: var(--tb-font-size-sm);\n}\n\n\/* CTA Features *\/\n.tb-cta-features {\n    display: flex;\n    justify-content: center;\n    gap: var(--tb-space-8);\n    flex-wrap: wrap;\n    margin-top: var(--tb-space-8);\n}\n\n.tb-cta-feature {\n    display: flex;\n    align-items: center;\n    gap: var(--tb-space-2);\n    color: rgba(255, 255, 255, 0.9);\n    font-size: var(--tb-font-size-base);\n    transition: all var(--tb-transition-normal);\n}\n\n.tb-cta-feature i {\n    color: var(--tb-accent-green);\n    font-size: var(--tb-font-size-lg);\n}\n\n\/* Sticky CTA *\/\n.tb-sticky-cta {\n    position: fixed;\n    bottom: 20px;\n    right: 20px;\n    background: linear-gradient(135deg, var(--tb-accent-orange), var(--tb-accent-orange-dark));\n    color: white;\n    padding: 25px;\n    border-radius: var(--tb-radius-full);\n    box-shadow: 0 4px 16px rgba(255, 152, 0, 0.3);\n    z-index: 1000;\n    display: flex;\n    align-items: center;\n    gap: var(--tb-space-2);\n    font-weight: var(--tb-font-weight-semibold);\n    transition: all var(--tb-transition-normal);\n    text-decoration: none;\n}\n\n.tb-sticky-cta:hover {\n    transform: scale(1.05);\n    box-shadow: 0 6px 20px rgba(255, 152, 0, 0.4);\n}\n\n\/* Animation Classes *\/\n@keyframes fadeIn {\n    from { \n        opacity: 0; \n        transform: translateY(12px); \n    }\n    to { \n        opacity: 1; \n        transform: translateY(0); \n    }\n}\n\n@keyframes pulse {\n    0%, 100% {\n        transform: scale(1);\n    }\n    50% {\n        transform: scale(1.05);\n    }\n}\n\n.tb-fade-in {\n    opacity: 0;\n    transform: translateY(20px);\n    transition: opacity 0.6s ease, transform 0.6s ease;\n}\n\n.tb-fade-in.visible {\n    opacity: 1;\n    transform: translateY(0);\n\t  align-items: center;\n}\n\n.tb-pulse {\n    animation: pulse 2s infinite;\n}\n\n\/* ===================================\n   Responsive Design\n   =================================== *\/\n\n@media (max-width: 992px) {\n    .tb-section-title {\n        font-size: var(--tb-font-size-2xl);\n    }\n    \n    .tb-grid-3,\n    .tb-grid-4 {\n        grid-template-columns: repeat(2, 1fr);\n    }\n}\n\n@media (max-width: 768px) {\n    .tb-grid-2,\n    .tb-grid-3,\n    .tb-grid-4 {\n        grid-template-columns: 1fr;\n    }\n    \n    .tb-step:not(:last-child)::after {\n        display: none;\n    }\n    \n    .tb-pricing-card.featured {\n        transform: scale(1);\n    }\n    \n    .tb-sticky-cta {\n        bottom: 10px;\n        right: 10px;\n        padding: var(--tb-space-2) var(--tb-space-4);\n        font-size: var(--tb-font-size-sm);\n    }\n    \n    .tb-downloader-tool {\n        padding: var(--tb-space-6);\n    }\n    \n    .tb-input-area {\n        flex-direction: column;\n        gap: var(--tb-space-3);\n    }\n    \n    .tb-input {\n        width: 100%;\n    }\n    \n    .tb-paste-btn,\n    .tb-view-btn {\n        width: 100%;\n        justify-content: center;\n    }\n    \n    .tb-cta-features {\n        gap: var(--tb-space-4);\n    }\n    \n    .tb-cta-feature {\n        font-size: var(--tb-font-size-sm);\n    }\n}\n\n@media (max-width: 480px) {\n    .tb-section {\n        padding: var(--tb-space-10) 0;\n    }\n    \n    .tb-section-title {\n        font-size: var(--tb-font-size-xl);\n    }\n    \n    .tb-sticky-cta {\n        bottom: 5px;\n        right: 5px;\n        padding: var(--tb-space-1) var(--tb-space-3);\n    }\n    \n    .tb-downloader-tool {\n        padding: var(--tb-space-4);\n    }\n    \n    .tb-input-area {\n        padding: var(--tb-space-4);\n    }\n    \n    .tb-cta-features {\n        flex-direction: column;\n        gap: var(--tb-space-3);\n        align-items: center;\n    }\n}\n<\/style>\n\n<script>\n\/\/ Smooth scrolling for navigation links\ndocument.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\n    anchor.addEventListener('click', function (e) {\n        e.preventDefault();\n        document.querySelector(this.getAttribute('href')).scrollIntoView({\n            behavior: 'smooth'\n        });\n    });\n});\n\n\/\/ Fade-in animation on scroll\nconst observerOptions = {\n    threshold: 0.1,\n    rootMargin: '0px 0px -50px 0px'\n};\n\nconst observer = new IntersectionObserver(function(entries) {\n    entries.forEach(entry => {\n        if (entry.isIntersecting) {\n            entry.target.classList.add('visible');\n        }\n    });\n}, observerOptions);\n\ndocument.querySelectorAll('.tb-fade-in').forEach(el => {\n    observer.observe(el);\n});\n\n\/\/ FAQ Accordion functionality\ndocument.addEventListener('DOMContentLoaded', function() {\n    const faqItems = document.querySelectorAll('.tb-faq-item');\n    \n    faqItems.forEach(item => {\n        const question = item.querySelector('.tb-faq-question');\n        const answer = item.querySelector('.tb-faq-answer');\n        if (!question || !answer) return;\n        const icon = question.querySelector('i');\n        \n        question.addEventListener('click', function() {\n            const isActive = item.classList.contains('active');\n            \n            \/\/ Close all other FAQ items\n            faqItems.forEach(otherItem => {\n                if (otherItem !== item) {\n                    otherItem.classList.remove('active');\n                    otherItem.querySelector('.tb-faq-answer').style.maxHeight = '0';\n                    otherItem.querySelector('.tb-faq-answer').style.opacity = '0';\n                    otherItem.querySelector('i').style.transform = 'rotate(0deg)';\n                }\n            });\n            \n            \/\/ Toggle current item\n            if (isActive) {\n                item.classList.remove('active');\n                answer.style.maxHeight = '0';\n                answer.style.opacity = '0';\n                icon.style.transform = 'rotate(0deg)';\n            } else {\n                item.classList.add('active');\n                answer.style.maxHeight = answer.scrollHeight + 'px';\n                answer.style.opacity = '1';\n                icon.style.transform = 'rotate(180deg)';\n            }\n        });\n    });\n});\n\n\/\/ Enhanced CTA functionality\ndocument.addEventListener('DOMContentLoaded', function() {\n    const pasteBtn = document.querySelector('.tb-paste-btn');\n    const viewBtn = document.querySelector('.tb-view-btn');\n    const inputField = document.querySelector('#tb-link-input');\n    const errorMessage = document.querySelector('.tb-error-message');\n    if (!pasteBtn || !viewBtn || !inputField) return;\n    \n    \/\/ Paste button functionality\n    pasteBtn.addEventListener('click', async function() {\n        try {\n            const text = await navigator.clipboard.readText();\n            inputField.value = text;\n            errorMessage.style.display = 'none';\n            viewBtn.classList.remove('disabled');\n            \n            \/\/ Add success animation\n            inputField.classList.add('success');\n            setTimeout(() => {\n                inputField.classList.remove('success');\n            }, 1000);\n        } catch (err) {\n            console.error('Failed to read clipboard contents: ', err);\n        }\n    });\n    \n    \/\/ View\/Download button functionality\n    viewBtn.addEventListener('click', function() {\n        const url = inputField.value.trim();\n        \n        if (!url) {\n            errorMessage.style.display = 'block';\n            inputField.classList.add('error');\n            setTimeout(() => {\n                inputField.classList.remove('error');\n            }, 2000);\n            return;\n        }\n        \n        \/\/ Validate TeraBox URL\n        const isValidTeraBox = url.includes('terabox.com') || \n                              url.includes('1024terabox.com') || \n                              url.includes('terabox.app') ||\n                              url.includes('terabox.jp');\n        \n        if (!isValidTeraBox) {\n            errorMessage.textContent = 'Please enter a valid TeraBox link';\n            errorMessage.style.display = 'block';\n            inputField.classList.add('error');\n            setTimeout(() => {\n                inputField.classList.remove('error');\n            }, 2000);\n            return;\n        }\n        \n        \/\/ Process the download\n        errorMessage.style.display = 'none';\n        this.innerHTML = '<i class=\"fas fa-spinner fa-spin\"><\/i> Processing...';\n        this.disabled = true;\n        \n        \/\/ Simulate processing\n        setTimeout(() => {\n            this.innerHTML = '<i class=\"fas fa-download\"><\/i> Download';\n            this.disabled = false;\n            \n            \/\/ Show success message\n            const successMessage = document.createElement('div');\n            successMessage.className = 'tb-success-message';\n            successMessage.innerHTML = '<i class=\"fas fa-check-circle\"><\/i> Processing your download...';\n            successMessage.style.display = 'block';\n            successMessage.style.color = 'var(--tb-accent-green)';\n            successMessage.style.padding = 'var(--tb-space-2) var(--tb-space-3)';\n            successMessage.style.background = 'rgba(76, 175, 80, 0.1)';\n            successMessage.style.borderRadius = 'var(--tb-radius-sm)';\n            successMessage.style.marginTop = 'var(--tb-space-3)';\n            \n            const toolWrapper = document.querySelector('.tb-tool-wrapper');\n            toolWrapper.appendChild(successMessage);\n            \n            setTimeout(() => {\n                successMessage.style.display = 'none';\n            }, 3000);\n        }, 2000);\n    });\n    \n    \/\/ Input field validation\n    inputField.addEventListener('input', function() {\n        if (this.value.trim()) {\n            errorMessage.style.display = 'none';\n            viewBtn.classList.remove('disabled');\n        } else {\n            viewBtn.classList.add('disabled');\n        }\n    });\n});\n\n\/\/ Sticky CTA hide\/show on scroll\nlet lastScrollTop = 0;\nconst stickyCTA = document.querySelector('.tb-sticky-cta');\nif (stickyCTA) {\nwindow.addEventListener('scroll', function() {\n    let scrollTop = window.pageYOffset || document.documentElement.scrollTop;\n    \n    if (scrollTop > 300) {\n        stickyCTA.style.opacity = '1';\n        stickyCTA.style.pointerEvents = 'auto';\n    } else {\n        stickyCTA.style.opacity = '0';\n        stickyCTA.style.pointerEvents = 'none';\n    }\n    \n    lastScrollTop = scrollTop;\n});\n\n\/\/ Initialize sticky CTA as hidden\nstickyCTA.style.opacity = '0';\nstickyCTA.style.pointerEvents = 'none';\nstickyCTA.style.transition = 'opacity 0.3s ease';\n}\n<\/script>\n[\/et_pb_fullwidth_code][\/et_pb_section]\n","protected":false},"excerpt":{"rendered":"<p>    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\">\r\n    <style>\r\n        .tb-downloader * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n      \r\n\r\n        .tb-downloader {\r\n\tfont-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\r\n\tbackground: linear-gradient(90deg, hsla(252, 40%, 29%, 1) 0%, hsl(270, 58.1%, 29%) 100%);\r\n\tline-height: 1.6;\r\n\tpadding: 75px 0;\r\n}\r\n\r\n        .tb-downloader .tb-main-contain {\r\n            max-width: 1400px;\r\n            margin: 0 auto;\r\n            padding: 20px;\r\n        }\r\n\r\n        .tb-downloader .tb-header {\r\n            text-align: center;\r\n            color: white;\r\n            margin-bottom: 40px;\r\n            padding: 30px 0;\r\n        }\r\n\r\n        .tb-downloader .tb-header .tb-title {\r\n            font-size: 42px;\r\n            font-weight: 800;\r\n            color: #fff;\r\n            margin-bottom: 15px;\r\n            letter-spacing: -0.5px;\r\n            text-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);\r\n        }\r\n\r\n        .tb-downloader .tb-header .tb-title span {\r\n            color: #FF9800;\r\n            position: relative;\r\n            display: inline-block;\r\n        }\r\n\r\n        .tb-downloader .tb-header .tb-title span::after {\r\n            content: \"\";\r\n            position: absolute;\r\n            bottom: -3px;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 3px;\r\n            background: #FF9800;\r\n            border-radius: 10px;\r\n        }\r\n\r\n        .tb-downloader .tb-header .tb-description {\r\n            font-size: 18px;\r\n            margin: 15px 0 25px;\r\n            line-height: 1.6;\r\n            font-weight: 400;\r\n            opacity: 0.9;\r\n            max-width: 800px;\r\n            margin-left: auto;\r\n            margin-right: auto;\r\n        }\r\n\r\n        .tb-downloader .tb-tool-wrapper {\r\n            width: 80%;\r\n            margin: 0 auto 40px;\r\n            padding: 35px;\r\n            border-radius: 20px;\r\n            background: rgba(87, 31, 143, 0.85);\r\n            backdrop-filter: blur(10px);\r\n            color: white;\r\n            text-align: center;\r\n            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);\r\n            position: relative;\r\n            overflow: hidden;\r\n            border: 1px solid rgba(255, 255, 255, 0.1);\r\n        }\r\n\r\n        .tb-downloader .tb-tool-wrapper::before {\r\n            content: \"\";\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            background: radial-gradient(circle at top right, rgba(66, 66, 107, 0.2), transparent 60%);\r\n            pointer-events: none;\r\n        }\r\n\r\n        .tb-downloader .tb-input-area {\r\n            display: flex;\r\n            align-items: center;\r\n            background: rgba(255, 255, 255, 0.1);\r\n            padding: 25px 20px;\r\n            border-radius: 16px;\r\n            gap: 15px;\r\n            margin: 0 auto;\r\n            max-width: 100%;\r\n            flex-wrap: wrap;\r\n            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);\r\n            border: 1px solid rgba(255, 255, 255, 0.1);\r\n        }\r\n\r\n        .tb-downloader .tb-input-area input {\r\n            flex-grow: 1;\r\n            padding: 14px 18px;\r\n            font-size: 16px;\r\n            border: none;\r\n            outline: none;\r\n            min-width: 200px;\r\n            background: rgba(255, 255, 255, 0.9);\r\n            border-radius: 12px;\r\n            color: #1a1a2e;\r\n            font-weight: 500;\r\n        }\r\n\r\n        .tb-downloader .tb-input-area input:focus {\r\n            background: #fff;\r\n            box-shadow: 0 0 0 2px rgba(255, 152, 0, 0.5);\r\n        }\r\n\r\n        .tb-downloader .tb-paste-btn,\r\n        .tb-downloader .tb-view-btn {\r\n            border: none;\r\n            border-radius: 12px;\r\n            padding: 14px 20px;\r\n            cursor: pointer;\r\n            font-weight: 600;\r\n            transition: all 0.3s;\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 8px;\r\n            font-size: 15px;\r\n        }\r\n\r\n        .tb-downloader .tb-paste-btn {\r\n            background: linear-gradient(135deg, #00BCD4, #0097A7);\r\n            color: white;\r\n        }\r\n\r\n        .tb-downloader .tb-paste-btn:hover {\r\n            background: linear-gradient(135deg, #00ACC1, #00838F);\r\n            transform: translateY(-2px);\r\n        }\r\n\r\n        .tb-downloader .tb-view-btn {\r\n            background: linear-gradient(135deg, #FF9800, #F57C00);\r\n            color: white;\r\n            box-shadow: 0 5px 15px rgba(255, 152, 0, 0.3);\r\n        }\r\n\r\n        .tb-downloader .tb-view-btn:hover {\r\n            background: linear-gradient(135deg, #FB8C00, #EF6C00);\r\n            transform: translateY(-2px);\r\n            box-shadow: 0 8px 20px rgba(255, 152, 0, 0.4);\r\n        }\r\n\r\n        .tb-downloader .tb-view-btn:disabled {\r\n            opacity: 0.6;\r\n            cursor: not-allowed;\r\n            transform: none;\r\n        }\r\n\r\n        .tb-downloader .tb-error-message {\r\n            color: #ff6b6b;\r\n            margin-top: 15px;\r\n            display: none;\r\n            font-weight: 500;\r\n        }\r\n\r\n        .tb-downloader .tb-tools-result {\r\n            width: 80%;\r\n            margin: 0 auto 60px;\r\n            display: none;\r\n        }\r\n\r\n        .tb-downloader .tb-result {\r\n            margin-top: 30px;\r\n            background: linear-gradient(145deg, rgba(40, 20, 70, 0.95), rgba(60, 30, 90, 0.9));\r\n            border-radius: 16px;\r\n            padding: 28px 32px;\r\n            color: #e8e8e8;\r\n            box-shadow: 0 12px 40px rgba(0, 0, 0, 0.35), 0 0 0 1px rgba(255, 255, 255, 0.06);\r\n            animation: fadeIn 0.4s ease-out;\r\n            border: 1px solid rgba(255, 255, 255, 0.08);\r\n        }\r\n\r\n        @keyframes fadeIn {\r\n            from { opacity: 0; transform: translateY(12px); }\r\n            to { opacity: 1; transform: translateY(0); }\r\n        }\r\n\r\n        .tb-downloader .tb-empty {\r\n            text-align: center;\r\n            padding: 40px 20px;\r\n            color: rgba(255, 255, 255, 0.6);\r\n            font-size: 16px;\r\n        }\r\n\r\n        .tb-downloader .tb-empty i {\r\n            font-size: 48px;\r\n            display: block;\r\n            margin-bottom: 15px;\r\n            opacity: 0.5;\r\n        }\r\n\r\n        .tb-downloader .tb-file-header {\r\n            display: flex;\r\n            flex-wrap: wrap;\r\n            gap: 24px;\r\n            align-items: flex-start;\r\n            margin-bottom: 28px;\r\n            padding-bottom: 24px;\r\n            border-bottom: 1px solid rgba(255, 255, 255, 0.1);\r\n        }\r\n\r\n        .tb-downloader .tb-thumb-wrap {\r\n            flex-shrink: 0;\r\n            border-radius: 10px;\r\n            overflow: hidden;\r\n            background: rgba(0, 0, 0, 0.4);\r\n            width: 220px;\r\n            height: 124px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            box-shadow: 0 4px 16px rgba(0, 0, 0, 0.25);\r\n        }\r\n\r\n        .tb-downloader .tb-thumb-wrap img {\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n        }\r\n\r\n        .tb-downloader .tb-thumb-wrap .tb-thumb-placeholder {\r\n            color: rgba(255, 255, 255, 0.4);\r\n            font-size: 40px;\r\n        }\r\n\r\n        .tb-downloader .tb-file-info {\r\n            flex: 1;\r\n            min-width: 200px;\r\n            text-align: left;\r\n        }\r\n\r\n        .tb-downloader .tb-file-info .tb-file-name {\r\n            font-size: 18px;\r\n            font-weight: 600;\r\n            color: #fff;\r\n            margin-bottom: 6px;\r\n            word-break: break-all;\r\n            letter-spacing: -0.02em;\r\n        }\r\n\r\n        .tb-downloader .tb-file-info .tb-file-size {\r\n            font-size: 14px;\r\n            color: rgba(255, 255, 255, 0.65);\r\n        }\r\n\r\n        .tb-downloader .tb-actions {\r\n            display: flex;\r\n            flex-wrap: wrap;\r\n            gap: 12px;\r\n            margin-top: 20px;\r\n            align-items: center;\r\n        }\r\n\r\n        .tb-downloader .tb-btn {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 8px;\r\n            padding: 12px 20px;\r\n            border-radius: 12px;\r\n            font-weight: 600;\r\n            font-size: 15px;\r\n            text-decoration: none;\r\n            border: none;\r\n            cursor: pointer;\r\n            transition: all 0.3s;\r\n        }\r\n\r\n        .tb-downloader .tb-btn-stream {\r\n            background: linear-gradient(135deg, #00BCD4, #0097A7);\r\n            color: white;\r\n        }\r\n\r\n        .tb-downloader .tb-btn-stream:hover {\r\n            transform: translateY(-2px);\r\n            box-shadow: 0 6px 20px rgba(0, 188, 212, 0.4);\r\n        }\r\n\r\n        .tb-downloader .tb-btn-download {\r\n            background: linear-gradient(135deg, #4CAF50, #388E3C);\r\n            color: white;\r\n        }\r\n\r\n        .tb-downloader .tb-btn-download:hover {\r\n            transform: translateY(-2px);\r\n            box-shadow: 0 6px 20px rgba(76, 175, 80, 0.4);\r\n        }\r\n\r\n        .tb-downloader .tb-video-label {\r\n            font-size: 13px;\r\n            color: rgba(255, 255, 255, 0.6);\r\n            margin-bottom: 12px;\r\n            font-weight: 500;\r\n        }\r\n\r\n        .tb-downloader .tb-video-section {\r\n            position: relative;\r\n            margin-top: 20px;\r\n            border-radius: 12px;\r\n            overflow: hidden;\r\n            background: #0a0a0a;\r\n            max-width: 100%;\r\n            box-shadow: 0 8px 32px rgba(0, 0, 0, 0.5);\r\n        }\r\n\r\n        .tb-downloader .tb-video-section .tb-video-wrap {\r\n            position: relative;\r\n            width: 100%;\r\n            max-height: 70vh;\r\n            transition: transform 0.2s ease;\r\n        }\r\n\r\n        .tb-downloader .tb-video-section video {\r\n            width: 100%;\r\n            display: block;\r\n            vertical-align: top;\r\n        }\r\n\r\n        .tb-downloader .tb-video-center-overlay {\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            right: 0;\r\n            bottom: 0;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            background: rgba(0, 0, 0, 0.35);\r\n            cursor: pointer;\r\n            opacity: 1;\r\n            transition: opacity 0.25s ease, background 0.2s ease;\r\n            z-index: 2;\r\n        }\r\n\r\n        .tb-downloader .tb-video-center-overlay:hover {\r\n            background: rgba(0, 0, 0, 0.45);\r\n        }\r\n\r\n        .tb-downloader .tb-video-wrap.tb-playing .tb-video-center-overlay {\r\n            opacity: 0;\r\n            pointer-events: none;\r\n        }\r\n\r\n        .tb-downloader .tb-video-wrap:hover.tb-playing .tb-video-center-overlay {\r\n            opacity: 0;\r\n        }\r\n\r\n        .tb-downloader .tb-video-center-play {\r\n            width: 80px;\r\n            height: 80px;\r\n            border-radius: 50%;\r\n            background: rgba(255, 255, 255, 0.9);\r\n            border: none;\r\n            cursor: pointer;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            color: #1a1a1a;\r\n            box-shadow: 0 4px 24px rgba(0, 0, 0, 0.4);\r\n            transition: transform 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;\r\n        }\r\n\r\n        .tb-downloader .tb-video-center-overlay:hover .tb-video-center-play {\r\n            background: #fff;\r\n            transform: scale(1.08);\r\n            box-shadow: 0 6px 28px rgba(0, 0, 0, 0.5);\r\n        }\r\n\r\n        .tb-downloader .tb-video-center-play i {\r\n            font-size: 32px;\r\n            margin-left: 4px;\r\n        }\r\n\r\n        .tb-downloader .tb-video-loading {\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            right: 0;\r\n            bottom: 0;\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: center;\r\n            justify-content: center;\r\n            background: rgba(0, 0, 0, 0.7);\r\n            z-index: 3;\r\n            opacity: 0;\r\n            pointer-events: none;\r\n            transition: opacity 0.2s ease;\r\n        }\r\n\r\n        .tb-downloader .tb-video-loading.tb-active {\r\n            opacity: 1;\r\n            pointer-events: auto;\r\n        }\r\n\r\n        .tb-downloader .tb-video-loading .tb-loading-spinner {\r\n            width: 48px;\r\n            height: 48px;\r\n            border: 4px solid rgba(255, 255, 255, 0.2);\r\n            border-top-color: #00BCD4;\r\n            border-radius: 50%;\r\n            animation: tb-spin 0.8s linear infinite;\r\n        }\r\n\r\n        .tb-downloader .tb-video-loading .tb-loading-text {\r\n            margin-top: 14px;\r\n            font-size: 14px;\r\n            color: rgba(255, 255, 255, 0.9);\r\n            font-weight: 500;\r\n        }\r\n\r\n        @keyframes tb-spin {\r\n            to { transform: rotate(360deg); }\r\n        }\r\n\r\n        .tb-downloader .tb-video-controls {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 10px;\r\n            padding: 12px 16px;\r\n            background: #1a1a1a;\r\n            border-top: 1px solid rgba(255, 255, 255, 0.12);\r\n            flex-wrap: wrap;\r\n            position: relative;\r\n            z-index: 10;\r\n        }\r\n\r\n        .tb-downloader .tb-video-controls .tb-ctrl-btn {\r\n            width: 36px;\r\n            height: 36px;\r\n            border: none;\r\n            background: transparent;\r\n            color: rgba(255, 255, 255, 0.9);\r\n            cursor: pointer;\r\n            border-radius: 8px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            transition: background 0.2s, color 0.2s;\r\n        }\r\n\r\n        .tb-downloader .tb-video-controls .tb-ctrl-btn:hover {\r\n            background: rgba(255, 255, 255, 0.12);\r\n            color: #fff;\r\n        }\r\n\r\n        .tb-downloader .tb-video-controls .tb-progress-wrap {\r\n            flex: 1;\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 10px;\r\n            min-width: 0;\r\n        }\r\n\r\n        .tb-downloader .tb-video-controls .tb-time {\r\n            font-size: 12px;\r\n            color: rgba(255, 255, 255, 0.7);\r\n            font-variant-numeric: tabular-nums;\r\n            white-space: nowrap;\r\n        }\r\n\r\n        .tb-downloader .tb-video-controls .tb-progress-bar {\r\n            flex: 1;\r\n            height: 6px;\r\n            background: rgba(255, 255, 255, 0.2);\r\n            border-radius: 3px;\r\n            cursor: pointer;\r\n            position: relative;\r\n            min-width: 60px;\r\n        }\r\n\r\n        .tb-downloader .tb-video-controls .tb-progress-fill {\r\n            height: 100%;\r\n            border-radius: 3px;\r\n            background: linear-gradient(90deg, #00BCD4, #00ACC1);\r\n            width: 0%;\r\n            transition: width 0.1s;\r\n        }\r\n\r\n        .tb-downloader .tb-video-controls .tb-volume-wrap {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 8px;\r\n        }\r\n\r\n        .tb-downloader .tb-video-controls .tb-volume-wrap .tb-sound-label {\r\n            font-size: 11px;\r\n            color: rgba(255, 255, 255, 0.7);\r\n            text-transform: uppercase;\r\n            letter-spacing: 0.05em;\r\n        }\r\n\r\n        .tb-downloader .tb-video-controls .tb-volume-slider {\r\n            width: 80px;\r\n            height: 4px;\r\n            -webkit-appearance: none;\r\n            appearance: none;\r\n            background: rgba(255, 255, 255, 0.25);\r\n            border-radius: 2px;\r\n            cursor: pointer;\r\n        }\r\n\r\n        .tb-downloader .tb-video-controls .tb-volume-slider::-webkit-slider-thumb {\r\n            -webkit-appearance: none;\r\n            width: 12px;\r\n            height: 12px;\r\n            border-radius: 50%;\r\n            background: #00BCD4;\r\n            cursor: pointer;\r\n        }\r\n\r\n        .tb-downloader .tb-video-controls .tb-volume-slider::-moz-range-thumb {\r\n            width: 12px;\r\n            height: 12px;\r\n            border-radius: 50%;\r\n            background: #00BCD4;\r\n            cursor: pointer;\r\n            border: none;\r\n        }\r\n\r\n        .tb-downloader .tb-video-controls .tb-ctrl-group {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 4px;\r\n        }\r\n\r\n        .tb-downloader .tb-video-controls .tb-speed-btn {\r\n            min-width: 42px;\r\n            font-size: 11px;\r\n            font-weight: 600;\r\n            color: rgba(255, 255, 255, 0.9);\r\n        }\r\n\r\n        .tb-downloader .tb-video-wrap.tb-zoom-in {\r\n            transform: scale(1.25);\r\n            transform-origin: center center;\r\n        }\r\n\r\n        .tb-downloader .tb-video-wrap.tb-zoom-2x {\r\n            transform: scale(1.5);\r\n            transform-origin: center center;\r\n        }\r\n\r\n        .tb-downloader .tb-video-section {\r\n            overflow: hidden;\r\n        }\r\n\r\n        .tb-downloader .tb-video-controls {\r\n  \r\n    \/* top: 260px !important; *\/\r\n}\r\n\r\n        \/* Responsive Design *\/\r\n        @media (max-width: 992px) {\r\n            .tb-downloader .tb-main-contain {\r\n                padding: 15px;\r\n            }\r\n            \r\n            .tb-downloader .tb-header {\r\n                padding: 20px 0;\r\n                margin-bottom: 30px;\r\n            }\r\n            \r\n            .tb-downloader .tb-header .tb-title {\r\n                font-size: 36px;\r\n            }\r\n            \r\n            .tb-downloader .tb-header .tb-description {\r\n                font-size: 16px;\r\n                max-width: 700px;\r\n            }\r\n            \r\n            .tb-downloader .tb-tool-wrapper {\r\n                width: 90%;\r\n                padding: 30px;\r\n                margin-bottom: 30px;\r\n            }\r\n            \r\n            .tb-downloader .tb-tools-result {\r\n                width: 90%;\r\n                margin-bottom: 40px;\r\n            }\r\n            \r\n            .tb-downloader .tb-thumb-wrap {\r\n                width: 180px;\r\n                height: 100px;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .tb-downloader {\r\n                padding: 15px;\r\n            }\r\n            \r\n            .tb-downloader .tb-main-contain {\r\n                padding: 10px;\r\n            }\r\n            \r\n            .tb-downloader .tb-header {\r\n                padding: 15px 0;\r\n                margin-bottom: 25px;\r\n            }\r\n            \r\n            .tb-downloader .tb-header .tb-title {\r\n                font-size: 30px;\r\n            }\r\n            \r\n            .tb-downloader .tb-header .tb-description {\r\n                font-size: 15px;\r\n                max-width: 600px;\r\n            }\r\n            \r\n            .tb-downloader .tb-tool-wrapper {\r\n                width: 95%;\r\n                padding: 25px;\r\n                margin-bottom: 25px;\r\n            }\r\n            \r\n            .tb-downloader .tb-input-area {\r\n                flex-direction: column;\r\n                gap: 12px;\r\n                padding: 20px;\r\n            }\r\n            \r\n            .tb-downloader .tb-input-area input {\r\n                width: 100%;\r\n            }\r\n            \r\n            .tb-downloader .tb-paste-btn,\r\n            .tb-downloader .tb-view-btn {\r\n                width: 100%;\r\n                justify-content: center;\r\n            }\r\n            \r\n            .tb-downloader .tb-tools-result {\r\n                width: 95%;\r\n                margin-bottom: 30px;\r\n            }\r\n            \r\n            .tb-downloader .tb-file-header {\r\n                flex-direction: column;\r\n                align-items: center;\r\n                text-align: center;\r\n            }\r\n            \r\n            .tb-downloader .tb-file-info {\r\n                text-align: center;\r\n                width: 100%;\r\n            }\r\n            \r\n            .tb-downloader .tb-thumb-wrap {\r\n                width: 100%;\r\n                max-width: 300px;\r\n                height: 170px;\r\n            }\r\n            \r\n            .tb-downloader .tb-video-controls {\r\n                padding: 10px;\r\n            }\r\n            \r\n            .tb-downloader .tb-video-controls .tb-volume-wrap {\r\n                display: none;\r\n            }\r\n            \r\n            .tb-downloader .tb-video-controls .tb-progress-wrap {\r\n                order: 1;\r\n                width: 100%;\r\n                margin-top: 10px;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 600px) {\r\n            .tb-downloader .tb-header .tb-title {\r\n                font-size: 26px;\r\n            }\r\n            \r\n            .tb-downloader .tb-header .tb-description {\r\n                font-size: 14px;\r\n            }\r\n            \r\n            .tb-downloader .tb-tool-wrapper {\r\n                padding: 20px;\r\n            }\r\n            \r\n            .tb-downloader .tb-input-area {\r\n                padding: 15px;\r\n            }\r\n            \r\n            .tb-downloader .tb-input-area input {\r\n                padding: 12px 15px;\r\n                font-size: 15px;\r\n            }\r\n            \r\n            .tb-downloader .tb-paste-btn,\r\n            .tb-downloader .tb-view-btn {\r\n                padding: 12px 15px;\r\n                font-size: 14px;\r\n            }\r\n            \r\n            .tb-downloader .tb-result {\r\n                padding: 20px;\r\n            }\r\n            \r\n            .tb-downloader .tb-thumb-wrap {\r\n                max-width: 250px;\r\n                height: 140px;\r\n            }\r\n            \r\n            .tb-downloader .tb-video-controls .tb-ctrl-btn {\r\n                width: 32px;\r\n                height: 32px;\r\n            }\r\n            \r\n            .tb-downloader .tb-video-controls .tb-speed-btn {\r\n                min-width: 38px;\r\n                font-size: 10px;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 400px) {\r\n            .tb-downloader {\r\n                padding: 10px;\r\n            }\r\n            \r\n            .tb-downloader .tb-main-contain {\r\n                padding: 5px;\r\n            }\r\n            \r\n            .tb-downloader .tb-header {\r\n                padding: 10px 0;\r\n                margin-bottom: 20px;\r\n            }\r\n            \r\n            .tb-downloader .tb-header .tb-title {\r\n                font-size: 22px;\r\n            }\r\n            \r\n            .tb-downloader .tb-header .tb-description {\r\n                font-size: 13px;\r\n            }\r\n            \r\n            .tb-downloader .tb-tool-wrapper {\r\n                width: 98%;\r\n                padding: 15px;\r\n                margin-bottom: 20px;\r\n            }\r\n            \r\n            .tb-downloader .tb-input-area {\r\n                padding: 12px;\r\n            }\r\n            \r\n            .tb-downloader .tb-input-area input {\r\n                padding: 10px 12px;\r\n                font-size: 14px;\r\n            }\r\n            \r\n            .tb-downloader .tb-paste-btn,\r\n            .tb-downloader .tb-view-btn {\r\n                padding: 10px 12px;\r\n                font-size: 13px;\r\n            }\r\n            \r\n            .tb-downloader .tb-result {\r\n                padding: 15px;\r\n            }\r\n            \r\n            .tb-downloader .tb-file-header {\r\n                gap: 15px;\r\n            }\r\n            \r\n            .tb-downloader .tb-thumb-wrap {\r\n                max-width: 200px;\r\n                height: 110px;\r\n            }\r\n            \r\n            .tb-downloader .tb-btn {\r\n                padding: 10px 15px;\r\n                font-size: 14px;\r\n            }\r\n            \r\n            .tb-downloader .tb-video-controls .tb-ctrl-btn {\r\n                width: 30px;\r\n                height: 30px;\r\n            }\r\n            \r\n            .tb-downloader .tb-video-controls .tb-speed-btn {\r\n                min-width: 35px;\r\n                font-size: 9px;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 375px) {\r\n            .tb-downloader .tb-header .tb-title {\r\n                font-size: 20px;\r\n            }\r\n            \r\n            .tb-downloader .tb-header .tb-description {\r\n                font-size: 12px;\r\n            }\r\n            \r\n            .tb-downloader .tb-tool-wrapper {\r\n                padding: 12px;\r\n            }\r\n            \r\n            .tb-downloader .tb-input-area {\r\n                padding: 10px;\r\n            }\r\n            \r\n            .tb-downloader .tb-input-area input {\r\n                padding: 9px 11px;\r\n                font-size: 13px;\r\n            }\r\n            \r\n            .tb-downloader .tb-paste-btn,\r\n            .tb-downloader .tb-view-btn {\r\n                padding: 9px 11px;\r\n                font-size: 12px;\r\n            }\r\n            \r\n            .tb-downloader .tb-result {\r\n                padding: 12px;\r\n            }\r\n            \r\n            .tb-downloader .tb-thumb-wrap {\r\n                max-width: 180px;\r\n                height: 100px;\r\n            }\r\n            \r\n            .tb-downloader .tb-btn {\r\n                padding: 8px 12px;\r\n                font-size: 13px;\r\n            }\r\n            \r\n            .tb-downloader .tb-video-controls .tb-ctrl-btn {\r\n                width: 28px;\r\n                height: 28px;\r\n            }\r\n            \r\n            .tb-downloader .tb-video-controls .tb-speed-btn {\r\n                min-width: 32px;\r\n                font-size: 8px;\r\n            }\r\n        }\r\n    <\/style>\r\n\r\n<div class=\"tb-downloader\" id=\"tool\">\r\n    <div class=\"tb-main-contain\">\r\n        <div class=\"tb-header\">\r\n            <h1 class=\"tb-title\">TeraBox <span>Downloader<\/span><\/h1>\r\n            <p class=\"tb-description\">Paste a TeraBox share link to get file info, stream video in the browser, or download directly. Supports 1024terabox.com and similar TeraBox links.<\/p>\r\n        <\/div>\r\n        \r\n        <div class=\"tb-tool-wrapper\">\r\n            <div class=\"tb-input-area\">\r\n                <input type=\"url\" id=\"tb-link-input\" placeholder=\"https:\/\/1024terabox.com\/s\/xxxxx\" autocomplete=\"off\" \/>\r\n                <button type=\"button\" class=\"tb-paste-btn\" id=\"tb-paste-btn\"><i class=\"fa-solid fa-paste\"><\/i> Paste<\/button>\r\n                <button type=\"button\" class=\"tb-view-btn\" id=\"tb-get-btn\"><i class=\"fa-solid fa-download\"><\/i> Get File<\/button>\r\n            <\/div>\r\n\r\n            <div id=\"tb-error-message\" class=\"tb-error-message\"><\/div>\r\n        <\/div>\r\n\r\n        <div class=\"tb-tools-result\" id=\"tb-result-wrapper\">\r\n            <div class=\"tb-result\" id=\"tb-result-card\">\r\n                <div class=\"tb-empty\">\r\n                    <i class=\"fa-solid fa-cloud-arrow-down\"><\/i>\r\n                    Paste a TeraBox share link above and click Get File to stream or download.\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n  \r\n<\/div>\r\n<!-- Features Section -->\n<section id=\"features\" class=\"tb-section\">\n    <div class=\"tb-container\">\n        <h2 class=\"tb-section-title\">Key Features of TeraBox Downloader<\/h2>\n        <p class=\"tb-section-subtitle\">Experience the power of our advanced TeraBox downloading tool<\/p>\n        <div class=\"tb-grid tb-grid-4\">\n            <div class=\"tb-feature-card tb-fade-in\">\n                <div class=\"tb-feature-icon\">\n                    <i class=\"fas fa-bolt\"><\/i>\n                <\/div>\n                <h3 class=\"tb-feature-title\">Fast Downloads<\/h3>\n                <p class=\"tb-feature-description\">Get your files quickly with no hassle. Our optimized servers ensure maximum download speed.<\/p>\n            <\/div>\n            <div class=\"tb-feature-card tb-fade-in\">\n                <div class=\"tb-feature-icon\">\n                    <i class=\"fas fa-play-circle\"><\/i>\n                <\/div>\n                <h3 class=\"tb-feature-title\">Stream Before You Download<\/h3>\n                <p class=\"tb-feature-description\">Preview videos directly in your browser before deciding to download them.<\/p>\n            <\/div>\n            <div class=\"tb-feature-card tb-fade-in\">\n                <div class=\"tb-feature-icon\">\n                    <i class=\"fas fa-link\"><\/i>\n                <\/div>\n                <h3 class=\"tb-feature-title\">Multi-Link Support<\/h3>\n                <p class=\"tb-feature-description\">Works with 1024terabox.com and other TeraBox links for maximum compatibility.<\/p>\n            <\/div>\n            <div class=\"tb-feature-card tb-fade-in\">\n                <div class=\"tb-feature-icon\">\n                    <i class=\"fas fa-user-friends\"><\/i>\n                <\/div>\n                <h3 class=\"tb-feature-title\">User-Friendly Interface<\/h3>\n                <p class=\"tb-feature-description\">Simple design that anyone can use, no tech skills required.<\/p>\n            <\/div>\n        <\/div>\n\t\t\t\t<div class=\"tb-text-center\" style=\"margin-top: var(--tb-space-8);\">\n            <a href=\"\/features\" class=\"tb-btn tb-btn-secondary tb-pulse\">Explore All Features<\/a>\n        <\/div>\n    <\/div>\n<\/section>\n\n<!-- How It Works Section -->\n<section id=\"how-it-works\" class=\"tb-section\">\n    <div class=\"tb-container\">\n        <h2 class=\"tb-section-title\">How It Works<\/h2>\n        <p class=\"tb-section-subtitle\">Download your files in three simple steps<\/p>\n        <div class=\"tb-grid tb-grid-3\">\n            <div class=\"tb-step tb-fade-in\">\n                <div class=\"tb-step-icon\">\n                    <i class=\"fas fa-paste\"><\/i>\n                <\/div>\n                <h3 class=\"tb-step-title\">Paste Link<\/h3>\n                <p class=\"tb-step-description\">Simply paste a TeraBox share link into the tool.<\/p>\n            <\/div>\n            <div class=\"tb-step tb-fade-in\">\n                <div class=\"tb-step-icon\">\n                    <i class=\"fas fa-info-circle\"><\/i>\n                <\/div>\n                <h3 class=\"tb-step-title\">Stream or Get Info<\/h3>\n                <p class=\"tb-step-description\">View file details and stream video in the browser.<\/p>\n            <\/div>\n            <div class=\"tb-step tb-fade-in\">\n                <div class=\"tb-step-icon\">\n                    <i class=\"fas fa-download\"><\/i>\n                <\/div>\n                <h3 class=\"tb-step-title\">Download Fast<\/h3>\n                <p class=\"tb-step-description\">Click and download the file directly to your device.<\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<!-- Supported Platforms Section -->\n<section id=\"platforms\" class=\"tb-section\">\n    <div class=\"tb-container\">\n        <h2 class=\"tb-section-title\">Works with TeraBox Links<\/h2>\n        <p class=\"tb-section-subtitle\">Compatible with TeraBox links like 1024terabox.com and more for seamless downloading and streaming.<\/p>\n        <div class=\"tb-grid tb-grid-4\">\n            <div class=\"tb-platform-card tb-fade-in\">\n                <div class=\"tb-platform-icon\">\n                    <i class=\"fas fa-globe\"><\/i>\n                <\/div>\n                <h3 class=\"tb-platform-name\">terabox.com<\/h3>\n                <p class=\"tb-platform-description\">Official TeraBox domain<\/p>\n            <\/div>\n            <div class=\"tb-platform-card tb-fade-in\">\n                <div class=\"tb-platform-icon\">\n                    <i class=\"fas fa-globe-americas\"><\/i>\n                <\/div>\n                <h3 class=\"tb-platform-name\">1024terabox.com<\/h3>\n                <p class=\"tb-platform-description\">Popular TeraBox alternative<\/p>\n            <\/div>\n            <div class=\"tb-platform-card tb-fade-in\">\n                <div class=\"tb-platform-icon\">\n                    <i class=\"fas fa-globe-europe\"><\/i>\n                <\/div>\n                <h3 class=\"tb-platform-name\">terabox.app<\/h3>\n                <p class=\"tb-platform-description\">Mobile-friendly TeraBox<\/p>\n            <\/div>\n            <div class=\"tb-platform-card tb-fade-in\">\n                <div class=\"tb-platform-icon\">\n                    <i class=\"fas fa-plus-circle\"><\/i>\n                <\/div>\n                <h3 class=\"tb-platform-name\">And More<\/h3>\n                <p class=\"tb-platform-description\">Continuously adding support<\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<!-- Pricing Section -->\n<section id=\"pricing\" class=\"tb-section\">\n    <div class=\"tb-container\">\n        <h2 class=\"tb-section-title\">Choose Your Plan<\/h2>\n        <p class=\"tb-section-subtitle\">Select the plan that best fits your needs<\/p>\n        <div class=\"tb-grid tb-grid-3\">\n            <div class=\"tb-pricing-card tb-fade-in\">\n                <h3 class=\"tb-pricing-title\">Free Plan<\/h3>\n                <div class=\"tb-pricing-price\">$0<span style=\"font-size: 16px; font-weight: normal;\">\/month<\/span><\/div>\n                <ul class=\"tb-pricing-features\">\n                    <li><i class=\"fas fa-check\"><\/i> 5 downloads per day<\/li>\n                    <li><i class=\"fas fa-check\"><\/i> Basic streaming quality<\/li>\n                    <li><i class=\"fas fa-check\"><\/i> Standard support<\/li>\n                    <li><i class=\"fas fa-check\"><\/i> No registration required<\/li>\n                <\/ul>\n\n            <\/div>\n            <div class=\"tb-pricing-card featured tb-fade-in\">\n                <h3 class=\"tb-pricing-title\">Premium Plan<\/h3>\n                <div class=\"tb-pricing-price\">$9.99<span style=\"font-size: 16px; font-weight: normal;\">\/month<\/span><\/div>\n                <ul class=\"tb-pricing-features\">\n                    <li><i class=\"fas fa-check\"><\/i> Unlimited downloads<\/li>\n                    <li><i class=\"fas fa-check\"><\/i> HD streaming quality<\/li>\n                    <li><i class=\"fas fa-check\"><\/i> Priority support<\/li>\n                    <li><i class=\"fas fa-check\"><\/i> Ad-free experience<\/li>\n                    <li><i class=\"fas fa-check\"><\/i> Batch downloads<\/li>\n                <\/ul>\n\n            <\/div>\n            <div class=\"tb-pricing-card tb-fade-in\">\n                <h3 class=\"tb-pricing-title\">Enterprise Plan<\/h3>\n                <div class=\"tb-pricing-price\">$29.99<span style=\"font-size: 16px; font-weight: normal;\">\/month<\/span><\/div>\n                <ul class=\"tb-pricing-features\">\n                    <li><i class=\"fas fa-check\"><\/i> Everything in Premium<\/li>\n                    <li><i class=\"fas fa-check\"><\/i> Team management<\/li>\n                    <li><i class=\"fas fa-check\"><\/i> API access<\/li>\n                    <li><i class=\"fas fa-check\"><\/i> Custom integrations<\/li>\n                    <li><i class=\"fas fa-check\"><\/i> Dedicated support<\/li>\n                <\/ul>\n\n            <\/div>\n        <\/div>\n        <div class=\"tb-text-center\" style=\"margin-top: var(--tb-space-8);\">\n            <a href=\"\/pricing\" class=\"tb-btn tb-btn-secondary\">View Full Pricing<\/a>\n        <\/div>\n    <\/div>\n<\/section>\n\n<!-- Testimonials Section -->\n<section id=\"testimonials\" class=\"tb-section\">\n    <div class=\"tb-container\">\n        <h2 class=\"tb-section-title\">What Our Users Say<\/h2>\n        <p class=\"tb-section-subtitle\">Join thousands of satisfied users who trust TeraDownTech<\/p>\n        <div class=\"tb-grid tb-grid-3\">\n            <div class=\"tb-testimonial-card tb-fade-in\">\n                <img decoding=\"async\" src=\"https:\/\/teradowntech.com\/wp-content\/uploads\/2026\/02\/Miguel-Rodriguez.png\" alt=\"User\" class=\"tb-testimonial-avatar\">\n                <p class=\"tb-testimonial-text\">\"TeraDownTech has completely changed how I download from TeraBox. It's so fast and easy to use!\"<\/p>\n                <h4 class=\"tb-testimonial-author\">Miguel Rodriguez<\/h4>\n                <p class=\"tb-testimonial-role\">Content Creator<\/p>\n            <\/div>\n            <div class=\"tb-testimonial-card tb-fade-in\">\n                <img decoding=\"async\" src=\"https:\/\/teradowntech.com\/wp-content\/uploads\/2026\/02\/Alex-Chen.png\" alt=\"User\" class=\"tb-testimonial-avatar\">\n                <p class=\"tb-testimonial-text\">\"The streaming feature is a game-changer. I can preview videos before deciding to download them.\"<\/p>\n                <h4 class=\"tb-testimonial-author\">Alex Chen<\/h4>\n                <p class=\"tb-testimonial-role\">Digital Marketer<\/p>\n            <\/div>\n            <div class=\"tb-testimonial-card tb-fade-in\">\n                <img decoding=\"async\" src=\"https:\/\/teradowntech.com\/wp-content\/uploads\/2026\/02\/Emily-Rodriguez.png\" alt=\"User\" class=\"tb-testimonial-avatar\">\n                <p class=\"tb-testimonial-text\">\"I've tried many TeraBox downloaders, but TeraDownTech is by far the best. Highly recommended!\"<\/p>\n                <h4 class=\"tb-testimonial-author\">Emily Rodriguez<\/h4>\n                <p class=\"tb-testimonial-role\">Student<\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<!-- FAQ Section -->\n<section id=\"faq\" class=\"tb-section\">\n    <div class=\"tb-container\">\n        <h2 class=\"tb-section-title\">Frequently Asked Questions<\/h2>\n        <p class=\"tb-section-subtitle\">Find answers to common questions about TeraDownTech<\/p>\n        \n        <div class=\"tb-faq-container\">\n            <div class=\"tb-faq-item\">\n                <button class=\"tb-faq-question\">\n                    <span>Is TeraDownTech free to use?<\/span>\n                    <i class=\"fas fa-chevron-down\"><\/i>\n                <\/button>\n                <div class=\"tb-faq-answer\">\n                    <p>Yes! TeraDownTech is completely free to use. You can download and stream files from TeraBox without any charges or registration requirements. We believe in providing accessible tools for everyone.<\/p>\n                <\/div>\n            <\/div>\n            \n            <div class=\"tb-faq-item\">\n                <button class=\"tb-faq-question\">\n                    <span>What TeraBox links are supported?<\/span>\n                    <i class=\"fas fa-chevron-down\"><\/i>\n                <\/button>\n                <div class=\"tb-faq-answer\">\n                    <p>TeraDownTech supports all major TeraBox domains including terabox.com, 1024terabox.com, terabox.app, terabox.jp, and more. We continuously update our compatibility to ensure you can access files from any TeraBox link.<\/p>\n                <\/div>\n            <\/div>\n            \n            <div class=\"tb-faq-item\">\n                <button class=\"tb-faq-question\">\n                    <span>Is it safe to download files through TeraDownTech?<\/span>\n                    <i class=\"fas fa-chevron-down\"><\/i>\n                <\/button>\n                <div class=\"tb-faq-answer\">\n                    <p>Absolutely! Your security is our top priority. TeraDownTech uses secure HTTPS connections and doesn't store any of your personal data or files. All downloads are processed directly from TeraBox servers through our secure proxy.<\/p>\n                <\/div>\n            <\/div>\n            \n            <div class=\"tb-faq-item\">\n                <button class=\"tb-faq-question\">\n                    <span>Can I stream videos before downloading?<\/span>\n                    <i class=\"fas fa-chevron-down\"><\/i>\n                <\/button>\n                <div class=\"tb-faq-answer\">\n                    <p>Yes! One of our key features is the ability to preview videos directly in your browser before deciding to download them. This saves you time and bandwidth by allowing you to check the content first.<\/p>\n                <\/div>\n            <\/div>\n            \n            <div class=\"tb-faq-item\">\n                <button class=\"tb-faq-question\">\n                    <span>Are there any download limits?<\/span>\n                    <i class=\"fas fa-chevron-down\"><\/i>\n                <\/button>\n                <div class=\"tb-faq-answer\">\n                    <p>TeraDownTech offers unlimited downloads with no daily or monthly limits. You can download as many files as you need, whenever you need them. The only limitation might be your internet connection speed and TeraBox's server availability.<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n        \n    <\/div>\n<\/section>\n\n<!-- CTA Section with Tool Background -->\n<section id=\"cta\" class=\"tb-cta-section\">\n    <div class=\"tb-container\">\n        <div class=\"tb-cta-content\">\n            <h2 class=\"tb-cta-title\">Ready to Download & Stream?<\/h2>\n            <p class=\"tb-cta-subtitle\">Join thousands of users who trust TeraDownTech for fast, secure TeraBox downloads<\/p>\n        <div class=\"tb-text-center\" style=\"margin-top: var(--tb-space-8);\">\n            <a href=\"\/#tool\" class=\"tb-btn tb-btn-secondary\">Download Now<\/a>\n        <\/div>\n            \n            <div class=\"tb-cta-features\">\n                <div class=\"tb-cta-feature\">\n                    <i class=\"fas fa-check-circle\"><\/i>\n                    <span>No Registration Required<\/span>\n                <\/div>\n                <div class=\"tb-cta-feature\">\n                    <i class=\"fas fa-check-circle\"><\/i>\n                    <span>100% Free to Use<\/span>\n                <\/div>\n                <div class=\"tb-cta-feature\">\n                    <i class=\"fas fa-check-circle\"><\/i>\n                    <span>Unlimited Downloads<\/span>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<!-- Sticky CTA Button -->\n<a href=\"\/#tool\" class=\"tb-sticky-cta\">\n    <i class=\"fas fa-download\"><\/i><\/a>\n\n<style>\n\/* ===================================\n   TeraDownTech Design System - White Background\n   =================================== *\/\n\n:root {\n    \/* Color Palette - Updated for White Background *\/\n    --tb-bg-color: #ffffff;\n    --tb-section-bg: #f8f9fa;\n    --tb-primary-color: #4a148c;\n    --tb-secondary-color: #6a1b9a;\n    \n    \/* Accent Colors - Keeping Original Brand Colors *\/\n    --tb-accent-orange: #FF9800;\n    --tb-accent-orange-dark: #F57C00;\n    --tb-accent-cyan: #00BCD4;\n    --tb-accent-cyan-dark: #0097A7;\n    --tb-accent-green: #4CAF50;\n    --tb-accent-green-dark: #388E3C;\n    \n    \/* Text Colors - Updated for White Background *\/\n    --tb-text-primary: #212121;\n    --tb-text-secondary: #424242;\n    --tb-text-muted: #757575;\n    --tb-text-disabled: #bdbdbd;\n    \n    \/* Card & Component Colors *\/\n    --tb-card-bg: #ffffff;\n    --tb-card-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);\n    --tb-card-hover-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);\n    --tb-border-color: #e0e0e0;\n    --tb-border-light: #f0f0f0;\n    \n    \/* Typography *\/\n    --tb-font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\n    --tb-font-size-xs: 14px;\n    --tb-font-size-sm: 16px;\n    --tb-font-size-base: 18px;\n    --tb-font-size-lg: 20px;\n    --tb-font-size-xl: 24px;\n    --tb-font-size-2xl: 32px;\n    --tb-font-size-3xl: 36px;\n    --tb-font-size-4xl: 42px;\n    --tb-font-weight-normal: 400;\n    --tb-font-weight-medium: 500;\n    --tb-font-weight-semibold: 600;\n    --tb-font-weight-bold: 700;\n    --tb-font-weight-extrabold: 800;\n    --tb-line-height-normal: 1.6;\n    \n    \/* Spacing *\/\n    --tb-space-1: 4px;\n    --tb-space-2: 8px;\n    --tb-space-3: 12px;\n    --tb-space-4: 16px;\n    --tb-space-5: 20px;\n    --tb-space-6: 24px;\n    --tb-space-8: 32px;\n    --tb-space-10: 40px;\n    --tb-space-12: 48px;\n    --tb-space-16: 64px;\n    --tb-space-20: 80px;\n    \n    \/* Border Radius *\/\n    --tb-radius-sm: 8px;\n    --tb-radius-md: 12px;\n    --tb-radius-lg: 16px;\n    --tb-radius-xl: 20px;\n    --tb-radius-full: 50%;\n    \n    \/* Transitions *\/\n    --tb-transition-fast: 0.2s ease;\n    --tb-transition-normal: 0.3s ease;\n    --tb-transition-slow: 0.4s ease;\n}\n\n\/* ===================================\n   Base Styles\n   =================================== *\/\n\n* {\n    margin: 0;\n    padding: 0;\n    box-sizing: border-box;\n}\n\nbody {\n    font-family: var(--tb-font-family);\n    background-color: var(--tb-bg-color);\n    color: var(--tb-text-primary);\n    line-height: var(--tb-line-height-normal);\n    overflow-x: hidden;\n}\n\n\/* ===================================\n   Section Styles\n   =================================== *\/\n\n.tb-section {\n    padding: var(--tb-space-16) 0;\n}\n\n.tb-section:nth-child(even) {\n    background-color: var(--tb-section-bg);\n}\n\n.tb-container {\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: 0 var(--tb-space-4);\n}\n\n.tb-section-title {\n    font-size: var(--tb-font-size-3xl);\n    font-weight: var(--tb-font-weight-bold);\n    margin-bottom: var(--tb-space-4);\n    text-align: center;\n    color: var(--tb-primary-color);\n}\n\n.tb-section-subtitle {\n    font-size: var(--tb-font-size-lg);\n    color: var(--tb-text-secondary);\n    margin-bottom: var(--tb-space-10);\n    text-align: center;\n    max-width: 800px;\n    margin-left: auto;\n    margin-right: auto;\n}\n\n.tb-text-center {\n    text-align: center;\n}\n\n.tb-grid {\n    display: grid;\n    gap: var(--tb-space-6);\n}\n\n.tb-grid-2 {\n    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n}\n\n.tb-grid-3 {\n    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n}\n\n.tb-grid-4 {\n    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n}\n\n\/* ===================================\n   Component Styles\n   =================================== *\/\n\n\/* Buttons *\/\n.tb-btn {\n    display: inline-flex;\n    align-items: center;\n    gap: var(--tb-space-2);\n    padding: 12px 24px;\n    border-radius: var(--tb-radius-md);\n    font-weight: var(--tb-font-weight-semibold);\n    font-size: var(--tb-font-size-base);\n    text-decoration: none;\n    border: none;\n    cursor: pointer;\n    transition: all var(--tb-transition-normal);\n    position: relative;\n    overflow: hidden;\n}\n\n.tb-btn-primary {\n    background: linear-gradient(135deg, var(--tb-accent-cyan), var(--tb-accent-cyan-dark));\n    color: white;\n    box-shadow: 0 4px 12px rgba(0, 188, 212, 0.3);\n}\n\n.tb-btn-primary:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 6px 16px rgba(0, 188, 212, 0.4);\n}\n\n.tb-btn-secondary {\n    background: linear-gradient(135deg, var(--tb-accent-orange), var(--tb-accent-orange-dark));\n    color: white;\n    box-shadow: 0 4px 12px rgba(255, 152, 0, 0.3);\n}\n\n.tb-btn-secondary:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 6px 16px rgba(255, 152, 0, 0.4);\n}\n\n.tb-btn-success {\n    background: linear-gradient(135deg, var(--tb-accent-green), var(--tb-accent-green-dark));\n    color: white;\n}\n\n.tb-btn-success:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 6px 16px rgba(76, 175, 80, 0.4);\n}\n\n\/* Features Section *\/\n.tb-feature-card {\n    background-color: var(--tb-card-bg);\n    border-radius: var(--tb-radius-lg);\n    padding: var(--tb-space-8);\n    text-align: center;\n    transition: all var(--tb-transition-normal);\n    border: 1px solid var(--tb-border-light);\n    height: 100%;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    box-shadow: var(--tb-card-shadow);\n}\n\n.tb-feature-card:hover {\n    transform: translateY(-5px);\n    box-shadow: var(--tb-card-hover-shadow);\n}\n\n.tb-feature-icon {\n    width: 80px;\n    height: 80px;\n    border-radius: var(--tb-radius-full);\n    background-color: rgba(0, 188, 212, 0.1);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin: 0 auto var(--tb-space-4);\n    font-size: 32px;\n    color: var(--tb-accent-cyan);\n    transition: all var(--tb-transition-normal);\n}\n\n.tb-feature-card:hover .tb-feature-icon {\n    background-color: var(--tb-accent-cyan);\n    color: white;\n    transform: scale(1.05);\n}\n\n.tb-feature-title {\n    font-size: var(--tb-font-size-xl);\n    margin-bottom: var(--tb-space-3);\n    color: var(--tb-text-primary);\n}\n\n.tb-feature-description {\n    color: var(--tb-text-muted);\n    line-height: 1.5;\n}\n\n\/* How It Works Section *\/\n.tb-step {\n    text-align: center;\n    padding: var(--tb-space-6);\n    position: relative;\n}\n\n.tb-step:not(:last-child)::after {\n    content: \"\";\n    position: absolute;\n    top: 40px;\n    right: -20px;\n    width: 40px;\n    height: 2px;\n    background: var(--tb-border-color);\n}\n\n.tb-step-icon {\n    width: 80px;\n    height: 80px;\n    border-radius: var(--tb-radius-full);\n    background-color: rgba(0, 188, 212, 0.1);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin: 0 auto var(--tb-space-4);\n    font-size: 32px;\n    color: var(--tb-accent-cyan);\n    transition: all var(--tb-transition-normal);\n}\n\n.tb-step:hover .tb-step-icon {\n    background-color: var(--tb-accent-cyan);\n    color: white;\n    transform: scale(1.1);\n}\n\n.tb-step-title {\n    font-size: var(--tb-font-size-xl);\n    margin-bottom: var(--tb-space-3);\n    color: var(--tb-text-primary);\n}\n\n.tb-step-description {\n    color: var(--tb-text-muted);\n    line-height: 1.5;\n}\n\n\/* Platforms Section *\/\n.tb-platform-card {\n    background-color: var(--tb-card-bg);\n    border-radius: var(--tb-radius-lg);\n    padding: var(--tb-space-6);\n    text-align: center;\n    transition: all var(--tb-transition-normal);\n    border: 1px solid var(--tb-border-light);\n    height: 100%;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    box-shadow: var(--tb-card-shadow);\n}\n\n.tb-platform-card:hover {\n    transform: translateY(-5px);\n    box-shadow: var(--tb-card-hover-shadow);\n}\n\n.tb-platform-icon {\n    width: 70px;\n    height: 70px;\n    border-radius: var(--tb-radius-full);\n    background-color: rgba(0, 188, 212, 0.1);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin: 0 auto var(--tb-space-3);\n    font-size: 28px;\n    color: var(--tb-accent-cyan);\n    transition: all var(--tb-transition-normal);\n}\n\n.tb-platform-card:hover .tb-platform-icon {\n    background-color: var(--tb-accent-cyan);\n    color: white;\n    transform: scale(1.05);\n}\n\n.tb-platform-name {\n    font-size: var(--tb-font-size-lg);\n    margin-bottom: var(--tb-space-2);\n    color: var(--tb-text-primary);\n}\n\n.tb-platform-description {\n    color: var(--tb-text-muted);\n    font-size: var(--tb-font-size-sm);\n}\n\n\/* Pricing Section *\/\n.tb-pricing-card {\n    background-color: var(--tb-card-bg);\n    border-radius: var(--tb-radius-lg);\n    padding: var(--tb-space-8);\n    text-align: center;\n    transition: all var(--tb-transition-normal);\n    border: 1px solid var(--tb-border-light);\n    height: 100%;\n    display: flex;\n    flex-direction: column;\n    position: relative;\n    overflow: hidden;\n    box-shadow: var(--tb-card-shadow);\n}\n\n.tb-pricing-card.featured {\n    border: 2px solid var(--tb-accent-orange);\n    transform: scale(1.05);\n}\n\n.tb-pricing-card.featured::before {\n    content: \"Popular\";\n    position: absolute;\n    top: 15px;\n    right: -30px;\n    background: var(--tb-accent-orange);\n    color: white;\n    font-size: var(--tb-font-size-sm);\n    font-weight: var(--tb-font-weight-bold);\n    padding: var(--tb-space-1) var(--tb-space-6);\n    transform: rotate(45deg);\n}\n\n.tb-pricing-card:hover {\n    transform: translateY(-5px);\n    box-shadow: var(--tb-card-hover-shadow);\n}\n\n.tb-pricing-card.featured:hover {\n    transform: scale(1.05) translateY(-5px);\n}\n\n.tb-pricing-title {\n    font-size: var(--tb-font-size-2xl);\n    margin-bottom: var(--tb-space-3);\n    color: var(--tb-text-primary);\n}\n\n.tb-pricing-price {\n    font-size: var(--tb-font-size-3xl);\n    font-weight: var(--tb-font-weight-bold);\n    margin-bottom: var(--tb-space-3);\n    color: var(--tb-primary-color);\n}\n\n.tb-pricing-features {\n    list-style: none;\n    margin-bottom: var(--tb-space-6);\n    flex-grow: 1;\n}\n\n.tb-pricing-features li {\n    padding: var(--tb-space-2) 0;\n    color: var(--tb-text-secondary);\n\t  text-align: left;\n}\n\n.tb-pricing-features li i {\n    color: var(--tb-accent-green);\n    margin-right: var(--tb-space-2);\n}\n\n\/* Testimonials Section *\/\n.tb-testimonial-card {\n    background-color: var(--tb-card-bg);\n    border-radius: var(--tb-radius-lg);\n    padding: var(--tb-space-8);\n    text-align: center;\n    border: 1px solid var(--tb-border-light);\n    height: 100%;\n    display: flex;\n    flex-direction: column;\n    box-shadow: var(--tb-card-shadow);\n    transition: all var(--tb-transition-normal);\n}\n\n.tb-testimonial-card:hover {\n    transform: translateY(-5px);\n    box-shadow: var(--tb-card-hover-shadow);\n}\n\n.tb-testimonial-avatar {\n    width: 80px;\n    height: 80px;\n    border-radius: var(--tb-radius-full);\n    margin: 0 auto var(--tb-space-4);\n    object-fit: cover;\n    border: 3px solid var(--tb-accent-cyan);\n}\n\n.tb-testimonial-text {\n    font-style: italic;\n    margin-bottom: var(--tb-space-4);\n    flex-grow: 1;\n    line-height: 1.6;\n    color: var(--tb-text-secondary);\n}\n\n.tb-testimonial-author {\n    font-weight: var(--tb-font-weight-semibold);\n    margin-bottom: var(--tb-space-1);\n    color: var(--tb-text-primary);\n}\n\n.tb-testimonial-role {\n    color: var(--tb-text-muted);\n    font-size: var(--tb-font-size-sm);\n}\n\n\/* FAQ Section *\/\n.tb-faq-container {\n    max-width: 800px;\n    margin: 0 auto;\n    margin-top: var(--tb-space-10);\n}\n\n.tb-faq-item {\n    background-color: var(--tb-card-bg);\n    border-radius: var(--tb-radius-lg);\n    margin-bottom: var(--tb-space-4);\n    border: 1px solid var(--tb-border-light);\n    overflow: hidden;\n    transition: all var(--tb-transition-normal);\n    box-shadow: var(--tb-card-shadow);\n}\n\n.tb-faq-item:hover {\n    box-shadow: var(--tb-card-hover-shadow);\n}\n\n.tb-faq-item.active {\n    border-color: var(--tb-accent-cyan);\n    box-shadow: 0 0 0 2px rgba(0, 188, 212, 0.1);\n}\n\n.tb-faq-question {\n    width: 100%;\n    padding: var(--tb-space-6);\n    background: none;\n    border: none;\n    text-align: left;\n    font-size: var(--tb-font-size-lg);\n    font-weight: var(--tb-font-weight-semibold);\n    color: var(--tb-text-primary);\n    cursor: pointer;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    transition: all var(--tb-transition-normal);\n    position: relative;\n}\n\n.tb-faq-question:hover {\n    color: var(--tb-accent-cyan);\n    background-color: rgba(0, 188, 212, 0.05);\n}\n\n.tb-faq-question i {\n    color: var(--tb-accent-cyan);\n    transition: transform var(--tb-transition-normal);\n    font-size: var(--tb-font-size-base);\n}\n\n.tb-faq-answer {\n    max-height: 0;\n    overflow: hidden;\n    opacity: 0;\n    transition: all var(--tb-transition-normal);\n    padding: 0 var(--tb-space-6);\n}\n\n.tb-faq-answer p {\n    color: var(--tb-text-secondary);\n    line-height: 1.6;\n    font-size: var(--tb-font-size-base);\n}\n\n\/* CTA Section with Tool Background *\/\n.tb-cta-section {\n    background: linear-gradient(90deg, hsla(252, 40%, 29%, 1) 0%, hsl(270, 58.1%, 29%) 100%);\n    padding: var(--tb-space-20) 0;\n    position: relative;\n    overflow: hidden;\n}\n\n\n.tb-cta-content {\n    text-align: center;\n    position: relative;\n    z-index: 2;\n}\n\n.tb-cta-title {\n    font-size: var(--tb-font-size-3xl);\n    font-weight: var(--tb-font-weight-extrabold);\n    color: white;\n    margin-bottom: var(--tb-space-4);\n    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);\n}\n\n.tb-cta-subtitle {\n    font-size: var(--tb-font-size-lg);\n    color: rgba(255, 255, 255, 0.9);\n    margin-bottom: var(--tb-space-10);\n    max-width: 900px;\n    margin-left: auto;\n    margin-right: auto;\n}\n\n\/* TeraBox Downloader Tool in CTA *\/\n.tb-downloader-tool {\n    width: 100%;\n    max-width: 800px;\n    margin: 0 auto var(--tb-space-10);\n    padding: var(--tb-space-8);\n    border-radius: var(--tb-radius-xl);\n    background: rgba(87, 31, 143, 0.85);\n    backdrop-filter: blur(10px);\n    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);\n    position: relative;\n    overflow: hidden;\n    border: 1px solid rgba(255, 255, 255, 0.1);\n}\n\n.tb-downloader-tool::before {\n    content: \"\";\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background: radial-gradient(circle at top right, rgba(66, 66, 107, 0.2), transparent 60%);\n    pointer-events: none;\n}\n\n.tb-input-area {\n    display: flex;\n    align-items: center;\n    background: rgba(255, 255, 255, 0.1);\n    padding: var(--tb-space-6) var(--tb-space-5);\n    border-radius: var(--tb-radius-lg);\n    gap: var(--tb-space-4);\n    margin: 0 auto;\n    max-width: 100%;\n    flex-wrap: wrap;\n    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);\n    border: 1px solid rgba(255, 255, 255, 0.1);\n    position: relative;\n    z-index: 2;\n}\n\n.tb-input {\n    flex-grow: 1;\n    padding: 14px 18px;\n    font-size: var(--tb-font-size-base);\n    border: none;\n    outline: none;\n    min-width: 200px;\n    background: rgba(255, 255, 255, 0.9);\n    border-radius: var(--tb-radius-md);\n    color: #1a1a2e;\n    font-weight: var(--tb-font-weight-medium);\n    transition: all var(--tb-transition-fast);\n}\n\n.tb-input:focus {\n    background: #fff;\n    box-shadow: 0 0 0 2px rgba(255, 152, 0, 0.5);\n}\n\n.tb-paste-btn,\n.tb-view-btn {\n    border: none;\n    border-radius: var(--tb-radius-md);\n    padding: 14px 20px;\n    cursor: pointer;\n    font-weight: var(--tb-font-weight-semibold);\n    transition: all var(--tb-transition-normal);\n    display: flex;\n    align-items: center;\n    gap: var(--tb-space-2);\n    font-size: var(--tb-font-size-base);\n    white-space: nowrap;\n}\n\n.tb-paste-btn {\n    background: linear-gradient(135deg, var(--tb-accent-cyan), var(--tb-accent-cyan-dark));\n    color: white;\n}\n\n.tb-paste-btn:hover {\n    background: linear-gradient(135deg, #00ACC1, #00838F);\n    transform: translateY(-2px);\n}\n\n.tb-view-btn {\n    background: linear-gradient(135deg, var(--tb-accent-orange), var(--tb-accent-orange-dark));\n    color: white;\n    box-shadow: 0 5px 15px rgba(255, 152, 0, 0.3);\n}\n\n.tb-view-btn:hover {\n    background: linear-gradient(135deg, #FB8C00, #EF6C00);\n    transform: translateY(-2px);\n    box-shadow: 0 8px 20px rgba(255, 152, 0, 0.4);\n}\n\n.tb-view-btn:disabled {\n    opacity: 0.6;\n    cursor: not-allowed;\n    transform: none;\n}\n\n.tb-error-message {\n    color: #ff6b6b;\n    margin-top: var(--tb-space-3);\n    display: none;\n    font-weight: var(--tb-font-weight-medium);\n    font-size: var(--tb-font-size-sm);\n}\n\n\/* CTA Features *\/\n.tb-cta-features {\n    display: flex;\n    justify-content: center;\n    gap: var(--tb-space-8);\n    flex-wrap: wrap;\n    margin-top: var(--tb-space-8);\n}\n\n.tb-cta-feature {\n    display: flex;\n    align-items: center;\n    gap: var(--tb-space-2);\n    color: rgba(255, 255, 255, 0.9);\n    font-size: var(--tb-font-size-base);\n    transition: all var(--tb-transition-normal);\n}\n\n.tb-cta-feature i {\n    color: var(--tb-accent-green);\n    font-size: var(--tb-font-size-lg);\n}\n\n\/* Sticky CTA *\/\n.tb-sticky-cta {\n    position: fixed;\n    bottom: 20px;\n    right: 20px;\n    background: linear-gradient(135deg, var(--tb-accent-orange), var(--tb-accent-orange-dark));\n    color: white;\n    padding: 25px;\n    border-radius: var(--tb-radius-full);\n    box-shadow: 0 4px 16px rgba(255, 152, 0, 0.3);\n    z-index: 1000;\n    display: flex;\n    align-items: center;\n    gap: var(--tb-space-2);\n    font-weight: var(--tb-font-weight-semibold);\n    transition: all var(--tb-transition-normal);\n    text-decoration: none;\n}\n\n.tb-sticky-cta:hover {\n    transform: scale(1.05);\n    box-shadow: 0 6px 20px rgba(255, 152, 0, 0.4);\n}\n\n\/* Animation Classes *\/\n@keyframes fadeIn {\n    from { \n        opacity: 0; \n        transform: translateY(12px); \n    }\n    to { \n        opacity: 1; \n        transform: translateY(0); \n    }\n}\n\n@keyframes pulse {\n    0%, 100% {\n        transform: scale(1);\n    }\n    50% {\n        transform: scale(1.05);\n    }\n}\n\n.tb-fade-in {\n    opacity: 0;\n    transform: translateY(20px);\n    transition: opacity 0.6s ease, transform 0.6s ease;\n}\n\n.tb-fade-in.visible {\n    opacity: 1;\n    transform: translateY(0);\n\t  align-items: center;\n}\n\n.tb-pulse {\n    animation: pulse 2s infinite;\n}\n\n\/* ===================================\n   Responsive Design\n   =================================== *\/\n\n@media (max-width: 992px) {\n    .tb-section-title {\n        font-size: var(--tb-font-size-2xl);\n    }\n    \n    .tb-grid-3,\n    .tb-grid-4 {\n        grid-template-columns: repeat(2, 1fr);\n    }\n}\n\n@media (max-width: 768px) {\n    .tb-grid-2,\n    .tb-grid-3,\n    .tb-grid-4 {\n        grid-template-columns: 1fr;\n    }\n    \n    .tb-step:not(:last-child)::after {\n        display: none;\n    }\n    \n    .tb-pricing-card.featured {\n        transform: scale(1);\n    }\n    \n    .tb-sticky-cta {\n        bottom: 10px;\n        right: 10px;\n        padding: var(--tb-space-2) var(--tb-space-4);\n        font-size: var(--tb-font-size-sm);\n    }\n    \n    .tb-downloader-tool {\n        padding: var(--tb-space-6);\n    }\n    \n    .tb-input-area {\n        flex-direction: column;\n        gap: var(--tb-space-3);\n    }\n    \n    .tb-input {\n        width: 100%;\n    }\n    \n    .tb-paste-btn,\n    .tb-view-btn {\n        width: 100%;\n        justify-content: center;\n    }\n    \n    .tb-cta-features {\n        gap: var(--tb-space-4);\n    }\n    \n    .tb-cta-feature {\n        font-size: var(--tb-font-size-sm);\n    }\n}\n\n@media (max-width: 480px) {\n    .tb-section {\n        padding: var(--tb-space-10) 0;\n    }\n    \n    .tb-section-title {\n        font-size: var(--tb-font-size-xl);\n    }\n    \n    .tb-sticky-cta {\n        bottom: 5px;\n        right: 5px;\n        padding: var(--tb-space-1) var(--tb-space-3);\n    }\n    \n    .tb-downloader-tool {\n        padding: var(--tb-space-4);\n    }\n    \n    .tb-input-area {\n        padding: var(--tb-space-4);\n    }\n    \n    .tb-cta-features {\n        flex-direction: column;\n        gap: var(--tb-space-3);\n        align-items: center;\n    }\n}\n<\/style>\n\n<script>\n\/\/ Smooth scrolling for navigation links\ndocument.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\n    anchor.addEventListener('click', function (e) {\n        e.preventDefault();\n        document.querySelector(this.getAttribute('href')).scrollIntoView({\n            behavior: 'smooth'\n        });\n    });\n});\n\n\/\/ Fade-in animation on scroll\nconst observerOptions = {\n    threshold: 0.1,\n    rootMargin: '0px 0px -50px 0px'\n};\n\nconst observer = new IntersectionObserver(function(entries) {\n    entries.forEach(entry => {\n        if (entry.isIntersecting) {\n            entry.target.classList.add('visible');\n        }\n    });\n}, observerOptions);\n\ndocument.querySelectorAll('.tb-fade-in').forEach(el => {\n    observer.observe(el);\n});\n\n\/\/ FAQ Accordion functionality\ndocument.addEventListener('DOMContentLoaded', function() {\n    const faqItems = document.querySelectorAll('.tb-faq-item');\n    \n    faqItems.forEach(item => {\n        const question = item.querySelector('.tb-faq-question');\n        const answer = item.querySelector('.tb-faq-answer');\n        if (!question || !answer) return;\n        const icon = question.querySelector('i');\n        \n        question.addEventListener('click', function() {\n            const isActive = item.classList.contains('active');\n            \n            \/\/ Close all other FAQ items\n            faqItems.forEach(otherItem => {\n                if (otherItem !== item) {\n                    otherItem.classList.remove('active');\n                    otherItem.querySelector('.tb-faq-answer').style.maxHeight = '0';\n                    otherItem.querySelector('.tb-faq-answer').style.opacity = '0';\n                    otherItem.querySelector('i').style.transform = 'rotate(0deg)';\n                }\n            });\n            \n            \/\/ Toggle current item\n            if (isActive) {\n                item.classList.remove('active');\n                answer.style.maxHeight = '0';\n                answer.style.opacity = '0';\n                icon.style.transform = 'rotate(0deg)';\n            } else {\n                item.classList.add('active');\n                answer.style.maxHeight = answer.scrollHeight + 'px';\n                answer.style.opacity = '1';\n                icon.style.transform = 'rotate(180deg)';\n            }\n        });\n    });\n});\n\n\/\/ Enhanced CTA functionality\ndocument.addEventListener('DOMContentLoaded', function() {\n    const pasteBtn = document.querySelector('.tb-paste-btn');\n    const viewBtn = document.querySelector('.tb-view-btn');\n    const inputField = document.querySelector('#tb-link-input');\n    const errorMessage = document.querySelector('.tb-error-message');\n    if (!pasteBtn || !viewBtn || !inputField) return;\n    \n    \/\/ Paste button functionality\n    pasteBtn.addEventListener('click', async function() {\n        try {\n            const text = await navigator.clipboard.readText();\n            inputField.value = text;\n            errorMessage.style.display = 'none';\n            viewBtn.classList.remove('disabled');\n            \n            \/\/ Add success animation\n            inputField.classList.add('success');\n            setTimeout(() => {\n                inputField.classList.remove('success');\n            }, 1000);\n        } catch (err) {\n            console.error('Failed to read clipboard contents: ', err);\n        }\n    });\n    \n    \/\/ View\/Download button functionality\n    viewBtn.addEventListener('click', function() {\n        const url = inputField.value.trim();\n        \n        if (!url) {\n            errorMessage.style.display = 'block';\n            inputField.classList.add('error');\n            setTimeout(() => {\n                inputField.classList.remove('error');\n            }, 2000);\n            return;\n        }\n        \n        \/\/ Validate TeraBox URL\n        const isValidTeraBox = url.includes('terabox.com') || \n                              url.includes('1024terabox.com') || \n                              url.includes('terabox.app') ||\n                              url.includes('terabox.jp');\n        \n        if (!isValidTeraBox) {\n            errorMessage.textContent = 'Please enter a valid TeraBox link';\n            errorMessage.style.display = 'block';\n            inputField.classList.add('error');\n            setTimeout(() => {\n                inputField.classList.remove('error');\n            }, 2000);\n            return;\n        }\n        \n        \/\/ Process the download\n        errorMessage.style.display = 'none';\n        this.innerHTML = '<i class=\"fas fa-spinner fa-spin\"><\/i> Processing...';\n        this.disabled = true;\n        \n        \/\/ Simulate processing\n        setTimeout(() => {\n            this.innerHTML = '<i class=\"fas fa-download\"><\/i> Download';\n            this.disabled = false;\n            \n            \/\/ Show success message\n            const successMessage = document.createElement('div');\n            successMessage.className = 'tb-success-message';\n            successMessage.innerHTML = '<i class=\"fas fa-check-circle\"><\/i> Processing your download...';\n            successMessage.style.display = 'block';\n            successMessage.style.color = 'var(--tb-accent-green)';\n            successMessage.style.padding = 'var(--tb-space-2) var(--tb-space-3)';\n            successMessage.style.background = 'rgba(76, 175, 80, 0.1)';\n            successMessage.style.borderRadius = 'var(--tb-radius-sm)';\n            successMessage.style.marginTop = 'var(--tb-space-3)';\n            \n            const toolWrapper = document.querySelector('.tb-tool-wrapper');\n            toolWrapper.appendChild(successMessage);\n            \n            setTimeout(() => {\n                successMessage.style.display = 'none';\n            }, 3000);\n        }, 2000);\n    });\n    \n    \/\/ Input field validation\n    inputField.addEventListener('input', function() {\n        if (this.value.trim()) {\n            errorMessage.style.display = 'none';\n            viewBtn.classList.remove('disabled');\n        } else {\n            viewBtn.classList.add('disabled');\n        }\n    });\n});\n\n\/\/ Sticky CTA hide\/show on scroll\nlet lastScrollTop = 0;\nconst stickyCTA = document.querySelector('.tb-sticky-cta');\nif (stickyCTA) {\nwindow.addEventListener('scroll', function() {\n    let scrollTop = window.pageYOffset || document.documentElement.scrollTop;\n    \n    if (scrollTop > 300) {\n        stickyCTA.style.opacity = '1';\n        stickyCTA.style.pointerEvents = 'auto';\n    } else {\n        stickyCTA.style.opacity = '0';\n        stickyCTA.style.pointerEvents = 'none';\n    }\n    \n    lastScrollTop = scrollTop;\n});\n\n\/\/ Initialize sticky CTA as hidden\nstickyCTA.style.opacity = '0';\nstickyCTA.style.pointerEvents = 'none';\nstickyCTA.style.transition = 'opacity 0.3s ease';\n}\n<\/script>\n<\/p>\n","protected":false},"author":5,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"class_list":["post-12","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/teradowntech.com\/wp-json\/wp\/v2\/pages\/12","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/teradowntech.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/teradowntech.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/teradowntech.com\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/teradowntech.com\/wp-json\/wp\/v2\/comments?post=12"}],"version-history":[{"count":6,"href":"https:\/\/teradowntech.com\/wp-json\/wp\/v2\/pages\/12\/revisions"}],"predecessor-version":[{"id":318,"href":"https:\/\/teradowntech.com\/wp-json\/wp\/v2\/pages\/12\/revisions\/318"}],"wp:attachment":[{"href":"https:\/\/teradowntech.com\/wp-json\/wp\/v2\/media?parent=12"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}