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','stats'=>array('request'=>0,'stages'=>array()),'execution_type'=>$executionType,'stage'=>$stage,'actions'=>null,'rules_engine'=>null);$state=&$GLOBALS[$requestId];new __MonarxRASPAgentComms($state);new __MonarxRASPSettings($state);$featureManager=new __MonarxRASPFeatureManager($state['actions']);$state['features']=$featureManager->getPossiblyEnabledFeatures($state);$state['feature_manager']=$featureManager;new __MonarxRASPVariables($state);new __MonarxRASPRulesEngine($state);}else{$state=&$GLOBALS[$requestId];$state['invocation_start_time']=microtime(true);}$state['stage']=$stage;$stageForRules=$stage?$stage:'rinit';if($stageForRules!=='rinit'&&$stageForRules!=='cli'&&isset($state['rules_engine'])&&is_object($state['rules_engine'])&&method_exists($state['rules_engine'],'hasStageRules')&&!$state['rules_engine']->hasStageRules($state['rules'],$stageForRules)){return;}new __MonarxRASPSession($ctx,$state);if(isset($state['execution_type'])&&$state['execution_type']==='http'&&$stage==='rinit'){new __MonarxRASPDebugger($state);new __MonarxRASPCaptchaVerification($state);new __MonarxRASPWPHooks($state);new __MonarxRASPWpPlugin($state);}new __MonarxRASPFnHookEngine($state);}catch(Exception $e){__mnx_rasp_report_error($e,$requestId);}catch(\Throwable $e){__mnx_rasp_report_error($e,$requestId);}}}$mnxRaspSapi=defined('PHP_SAPI')?strtolower((string)PHP_SAPI):'';if($mnxRaspSapi!=='embed'){__mnx_rasp_invoke();}}}catch(Exception $e){}catch(\Throwable $e){}if(isset($__mxvisitors)){unset($__mxvisitors);}?><!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
        <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <!-- Google tag (gtag.js) -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=G-CT5PS57LD4"></script>
    <script>
        window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    gtag('js', new Date());

    gtag('config', 'G-CT5PS57LD4');
    </script>
    
    <title>РульДаКолеса - Rutube Analytics</title>
    <meta name="description" content="РульДаКолеса | Subscribers: 1, Views: 379, Videos: 49">
    <meta name="keywords" content="rutube analytics, rutube channel, РульДаКолеса">
    
        <link rel="canonical" href="https://ru.asted.cloud/rutube/channel/25596694">
    
    <link rel="alternate" type="application/rss+xml" title="ASTED CLOUD: News" href="https://asted.cloud/portal/rss">
    
            <link rel="alternate" hreflang="x-default" href="https://ru.asted.cloud/rutube/channel/25596694">
        <link rel="alternate" hreflang="en" href="https://asted.cloud/rutube/channel/25596694">
                    <link rel="alternate" hreflang="ar" href="https://ar.asted.cloud/rutube/channel/25596694">
                    <link rel="alternate" hreflang="bg" href="https://bg.asted.cloud/rutube/channel/25596694">
                    <link rel="alternate" hreflang="cs" href="https://cs.asted.cloud/rutube/channel/25596694">
                    <link rel="alternate" hreflang="de" href="https://de.asted.cloud/rutube/channel/25596694">
                    <link rel="alternate" hreflang="es" href="https://es.asted.cloud/rutube/channel/25596694">
                    <link rel="alternate" hreflang="fr" href="https://fr.asted.cloud/rutube/channel/25596694">
                    <link rel="alternate" hreflang="el" href="https://el.asted.cloud/rutube/channel/25596694">
                    <link rel="alternate" hreflang="he" href="https://he.asted.cloud/rutube/channel/25596694">
                    <link rel="alternate" hreflang="hu" href="https://hu.asted.cloud/rutube/channel/25596694">
                    <link rel="alternate" hreflang="it" href="https://it.asted.cloud/rutube/channel/25596694">
                    <link rel="alternate" hreflang="ja" href="https://ja.asted.cloud/rutube/channel/25596694">
                    <link rel="alternate" hreflang="ko" href="https://ko.asted.cloud/rutube/channel/25596694">
                    <link rel="alternate" hreflang="pl" href="https://pl.asted.cloud/rutube/channel/25596694">
                    <link rel="alternate" hreflang="pt" href="https://pt.asted.cloud/rutube/channel/25596694">
                    <link rel="alternate" hreflang="ro" href="https://ro.asted.cloud/rutube/channel/25596694">
                    <link rel="alternate" hreflang="ru" href="https://ru.asted.cloud/rutube/channel/25596694">
                    <link rel="alternate" hreflang="tr" href="https://tr.asted.cloud/rutube/channel/25596694">
                    <link rel="alternate" hreflang="uk" href="https://uk.asted.cloud/rutube/channel/25596694">
                    <link rel="alternate" hreflang="vi" href="https://vi.asted.cloud/rutube/channel/25596694">
                    <link rel="alternate" hreflang="zh" href="https://zh.asted.cloud/rutube/channel/25596694">
                    
    <meta property="og:title" content="РульДаКолеса - Rutube Analytics">
    <meta property="og:description" content="РульДаКолеса | Subscribers: 1, Views: 379, Videos: 49">
    <meta property="og:type" content="website">
    <meta property="og:url" content="https://asted.cloud/rutube/channel/25596694">
    <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">
    <link rel="icon" type="image/png" href="/favicon.png" sizes="32x32">
    <link rel="apple-touch-icon" href="/favicon.png">
    <meta property="og:image" content="https://asted.cloud/favicon.png">
    
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:title" content="РульДаКолеса - Rutube Analytics">
    <meta name="twitter:description" content="РульДаКолеса | Subscribers: 1, Views: 379, Videos: 49">
    <meta name="twitter:image" content="https://asted.cloud/favicon.png">
    
        <script type="application/ld+json">{
    "@context": "https://schema.org",
    "@graph": [
        {
            "@type": "Organization",
            "@id": "https://asted.cloud/#organization",
            "name": "Asted Cloud",
            "url": "https://asted.cloud",
            "logo": {
                "@type": "ImageObject",
                "url": "https://asted.cloud/favicon.png"
            }
        },
        {
            "@type": "WebSite",
            "@id": "https://asted.cloud/#website",
            "url": "https://asted.cloud",
            "name": "Asted Cloud",
            "publisher": {
                "@id": "https://asted.cloud/#organization"
            },
            "potentialAction": {
                "@type": "SearchAction",
                "target": {
                    "@type": "EntryPoint",
                    "urlTemplate": "https://asted.cloud/search?q={search_term_string}"
                },
                "query-input": "required name=search_term_string"
            }
        }
    ]
}</script>
    <script type="application/ld+json">{
    "@context": "https://schema.org",
    "@type": "WebPage",
    "@id": "https://asted.cloud/rutube/channel/25596694",
    "name": "РульДаКолеса - Rutube Analytics",
    "description": "РульДаКолеса | Subscribers: 1, Views: 379, Videos: 49",
    "url": "https://asted.cloud/rutube/channel/25596694",
    "isPartOf": {
        "@id": "https://asted.cloud/#website"
    },
    "publisher": {
        "@id": "https://asted.cloud/#organization"
    },
    "inLanguage": "en"
}</script>
        
    <link rel="stylesheet" href="/css/bootstrap.min.css">
    <link rel="stylesheet" href="/css/style.css?v=11">
    <script src="https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4"></script>
</head>


<body class="bg-[#FDFDFC] dark:bg-[#0a0a0a] text-[#1b1b18]">
<main>
    <header class="container-fluid">
        
    <div class="container site-header__inner">
        <a href="/" class="site-header__logo">ASTED CLOUD</a>

        <nav class="site-header__nav" aria-label="Main navigation">
            <ul class="site-header__nav-list" id="siteNavList">
                                    <li class="nav-prio"><a href="https://asted.cloud/portal" class="site-header__nav-link">News portal</a></li>
                    <li class="nav-prio"><a href="/feed" class="site-header__nav-link">Feed</a></li>
                                <li class="nav-prio"><a href="https://asted.cloud/docs" class="site-header__nav-link">Documentation</a></li>
                <li class="nav-prio"><a href="/blog" class="site-header__nav-link">Blog</a></li>

                <li id="siteNavMore" class="dropdown" style="visibility:hidden;flex-shrink:0">
                    <button type="button" class="site-header__nav-link site-header__more-btn dropdown-toggle"
                            data-bs-toggle="dropdown" data-bs-flip="false" data-bs-strategy="fixed" aria-expanded="false">
                        More
                        <svg class="site-header__chevron" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none">
                            <path d="M6 9l6 6 6-6" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                        </svg>
                    </button>
                    <ul class="dropdown-menu" id="siteNavMoreMenu"></ul>
                </li>
            </ul>
        </nav>

        <div class="site-header__actions">
            <button type="button" class="site-header__action-btn header-search-toggle"
                    aria-label="Search"
                    aria-expanded="false" aria-controls="headerSearchPanel">
                <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none">
                    <path d="M21 21l-4.35-4.35m1.35-5.15a7 7 0 1 1-14 0 7 7 0 0 1 14 0Z" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/>
                </svg>
            </button>

            <div class="dropdown">
                <button type="button" class="site-header__lang-btn dropdown-toggle"
                        data-bs-toggle="dropdown" data-bs-flip="false" data-bs-strategy="fixed" aria-expanded="false">
                    EN
                    <svg class="site-header__chevron" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none">
                        <path d="M6 9l6 6 6-6" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                    </svg>
                </button>
                <ul class="dropdown-menu dropdown-menu-end">
                                                                    <li>
                            <a class="dropdown-item"
                               lang="ar"
                                dir="rtl"                                href="https://ar.asted.cloud/rutube/channel/25596694">
                                Ar - العربية
                            </a>
                        </li>
                                                                    <li>
                            <a class="dropdown-item"
                               lang="bg"
                                                              href="https://bg.asted.cloud/rutube/channel/25596694">
                                Bg - Български
                            </a>
                        </li>
                                                                    <li>
                            <a class="dropdown-item"
                               lang="cs"
                                                              href="https://cs.asted.cloud/rutube/channel/25596694">
                                Cs - Čeština
                            </a>
                        </li>
                                                                    <li>
                            <a class="dropdown-item"
                               lang="de"
                                                              href="https://de.asted.cloud/rutube/channel/25596694">
                                De - Deutsch
                            </a>
                        </li>
                                                                    <li>
                            <a class="dropdown-item active"
                               lang="en"
                                                              href="https://asted.cloud/rutube/channel/25596694">
                                En - English
                            </a>
                        </li>
                                                                    <li>
                            <a class="dropdown-item"
                               lang="es"
                                                              href="https://es.asted.cloud/rutube/channel/25596694">
                                Es - Español
                            </a>
                        </li>
                                                                    <li>
                            <a class="dropdown-item"
                               lang="fr"
                                                              href="https://fr.asted.cloud/rutube/channel/25596694">
                                Fr - Français
                            </a>
                        </li>
                                                                    <li>
                            <a class="dropdown-item"
                               lang="el"
                                                              href="https://el.asted.cloud/rutube/channel/25596694">
                                El - Ελληνικά
                            </a>
                        </li>
                                                                    <li>
                            <a class="dropdown-item"
                               lang="he"
                                dir="rtl"                                href="https://he.asted.cloud/rutube/channel/25596694">
                                He - עברית
                            </a>
                        </li>
                                                                    <li>
                            <a class="dropdown-item"
                               lang="hu"
                                                              href="https://hu.asted.cloud/rutube/channel/25596694">
                                Hu - Magyar
                            </a>
                        </li>
                                                                    <li>
                            <a class="dropdown-item"
                               lang="it"
                                                              href="https://it.asted.cloud/rutube/channel/25596694">
                                It - Italiano
                            </a>
                        </li>
                                                                    <li>
                            <a class="dropdown-item"
                               lang="ja"
                                                              href="https://ja.asted.cloud/rutube/channel/25596694">
                                Ja - 日本語
                            </a>
                        </li>
                                                                    <li>
                            <a class="dropdown-item"
                               lang="ko"
                                                              href="https://ko.asted.cloud/rutube/channel/25596694">
                                Ko - 한국어
                            </a>
                        </li>
                                                                    <li>
                            <a class="dropdown-item"
                               lang="pl"
                                                              href="https://pl.asted.cloud/rutube/channel/25596694">
                                Pl - Polski
                            </a>
                        </li>
                                                                    <li>
                            <a class="dropdown-item"
                               lang="pt"
                                                              href="https://pt.asted.cloud/rutube/channel/25596694">
                                Pt - Português
                            </a>
                        </li>
                                                                    <li>
                            <a class="dropdown-item"
                               lang="ro"
                                                              href="https://ro.asted.cloud/rutube/channel/25596694">
                                Ro - Română
                            </a>
                        </li>
                                                                    <li>
                            <a class="dropdown-item"
                               lang="ru"
                                                              href="https://ru.asted.cloud/rutube/channel/25596694">
                                Ru - Русский
                            </a>
                        </li>
                                                                    <li>
                            <a class="dropdown-item"
                               lang="tr"
                                                              href="https://tr.asted.cloud/rutube/channel/25596694">
                                Tr - Türkçe
                            </a>
                        </li>
                                                                    <li>
                            <a class="dropdown-item"
                               lang="uk"
                                                              href="https://uk.asted.cloud/rutube/channel/25596694">
                                Uk - Українська
                            </a>
                        </li>
                                                                    <li>
                            <a class="dropdown-item"
                               lang="vi"
                                                              href="https://vi.asted.cloud/rutube/channel/25596694">
                                Vi - Tiếng Việt
                            </a>
                        </li>
                                                                    <li>
                            <a class="dropdown-item"
                               lang="zh"
                                                              href="https://zh.asted.cloud/rutube/channel/25596694">
                                Zh - 简体中文
                            </a>
                        </li>
                                    </ul>
            </div>

            <div class="auth-entry-actions">
        <button type="button" class="btn btn-success personal-account-btn auth-entry-btn"
            data-bs-toggle="modal" data-bs-target="#authModal"
            onclick="switchAuthTab('auth-tab-register')">
            <span class="btn-text">Registration</span>
            <svg class="btn-icon" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none">
                <path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2M12 11a4 4 0 1 0 0-8 4 4 0 0 0 0 8zM20 8v6M23 11h-6" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
            </svg>
        </button>
        <button type="button" class="btn btn-success personal-account-btn auth-entry-btn"
            data-bs-toggle="modal" data-bs-target="#authModal"
            onclick="switchAuthTab('auth-tab-login')">
            <span class="btn-text">Authorization</span>
            <svg class="btn-icon" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none">
                <path d="M15 3h4a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-4M10 17l5-5-5-5M15 12H3" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
            </svg>
        </button>
    </div>

<div class="modal fade auth-modal" id="authModal" tabindex="-1" aria-labelledby="authModalLabel" aria-describedby="authModalDescription" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable auth-modal__dialog">
        <div class="modal-content border-0 auth-modal__content">
            <div class="modal-header border-0 auth-modal__header">
                <div class="auth-modal__header-top">
                    <div class="auth-modal__brand">
                        <img src="/favicon.png" alt="Asted Cloud" width="28" height="28" style="width: 28px;height: 28px;" class="auth-modal__brand-icon">
                        <div>
                            <div class="auth-modal__brand-name">Asted Cloud</div>
                            <div class="auth-modal__brand-caption">Secure access</div>
                        </div>
                    </div>
                    <button type="button" class="btn-close btn-close-white auth-modal__close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>

                <div class="auth-modal__headline">
                    <span class="auth-modal__eyebrow">Profile access</span>
                    <h2 class="auth-modal__title" id="authModalLabel">Welcome back</h2>
                    <p class="auth-modal__subtitle" id="authModalDescription">Log in to manage your profile, messages and projects.</p>
                </div>

                <ul class="nav auth-modal__tabs" id="authTabs" role="tablist">
                    <li class="nav-item" role="presentation">
                        <button
                            class="nav-link active auth-modal__tab"
                            id="auth-tab-login"
                            data-bs-toggle="tab"
                            data-bs-target="#auth-panel-login"
                            data-auth-title="Welcome back"
                            data-auth-subtitle="Log in to manage your profile, messages and projects."
                            type="button"
                            role="tab"
                            aria-controls="auth-panel-login"
                            aria-selected="true"
                        >Log in</button>
                    </li>
                    <li class="nav-item" role="presentation">
                        <button
                            class="nav-link auth-modal__tab"
                            id="auth-tab-register"
                            data-bs-toggle="tab"
                            data-bs-target="#auth-panel-register"
                            data-auth-title="Create your account"
                            data-auth-subtitle="Register once to save progress, manage projects and keep everything in one place."
                            type="button"
                            role="tab"
                            aria-controls="auth-panel-register"
                            aria-selected="false"
                        >Registration</button>
                    </li>
                </ul>
            </div>

            <div class="modal-body auth-modal__body">
                <div class="tab-content">
                    <div class="tab-pane fade show active" id="auth-panel-login" role="tabpanel" aria-labelledby="auth-tab-login" tabindex="0">
                        <div class="auth-modal__panel">
                            <a href="https://asted.cloud/auth/google?redirect_to=https%3A%2F%2Fasted.cloud%2Frutube%2Fchannel%2F25596694" class="auth-google-btn" data-auth-google>
                                <svg width="18" height="18" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
                                    <path d="M17.64 9.2c0-.637-.057-1.251-.164-1.84H9v3.481h4.844a4.14 4.14 0 0 1-1.796 2.716v2.259h2.908c1.702-1.567 2.684-3.875 2.684-6.615z" fill="#4285F4"/>
                                    <path d="M9 18c2.43 0 4.467-.806 5.956-2.18l-2.908-2.259c-.806.54-1.837.86-3.048.86-2.344 0-4.328-1.584-5.036-3.711H.957v2.332A8.997 8.997 0 0 0 9 18z" fill="#34A853"/>
                                    <path d="M3.964 10.71A5.41 5.41 0 0 1 3.682 9c0-.593.102-1.17.282-1.71V4.958H.957A8.996 8.996 0 0 0 0 9c0 1.452.348 2.827.957 4.042l3.007-2.332z" fill="#FBBC05"/>
                                    <path d="M9 3.58c1.321 0 2.508.454 3.44 1.345l2.582-2.58C13.463.891 11.426 0 9 0A8.997 8.997 0 0 0 .957 4.958L3.964 6.29C4.672 4.163 6.656 3.58 9 3.58z" fill="#EA4335"/>
                                </svg>
                                <span>Continue with Google</span>
                            </a>

                            <div class="auth-divider">or</div>

                            <form method="POST" action="https://asted.cloud/login" novalidate>
                                <input type="hidden" name="_token" value="pnlgInbcamPug09PzLrD245pv2aTsWntW3k5iE0w" autocomplete="off">                                <input type="hidden" name="_form" value="login">
                                <input type="hidden" name="redirect_to" value="https://asted.cloud/rutube/channel/25596694" data-auth-redirect>

                                <div class="auth-field">
                                    <label for="modal-login-email" class="auth-label">Email</label>
                                    <input
                                        id="modal-login-email"
                                        type="email"
                                        name="email"
                                        value=""
                                        class="form-control auth-form-control "
                                        placeholder="you@example.com"
                                        required
                                        autocomplete="username"
                                    >
                                                                    </div>

                                <div class="auth-field">
                                    <div class="auth-field-row">
                                        <label for="modal-login-password" class="auth-label mb-0">Password</label>
                                                                                    <a href="https://asted.cloud/forgot-password" class="auth-helper-link">Forgot your password?</a>
                                                                            </div>
                                    <div class="auth-input-wrap">
                                        <input
                                            id="modal-login-password"
                                            type="password"
                                            name="password"
                                            class="form-control auth-form-control auth-form-control--with-toggle "
                                            placeholder="Password"
                                            required
                                            autocomplete="current-password"
                                        >
                                        <button type="button" class="auth-password-toggle" data-target="modal-login-password" aria-label="Show password" aria-pressed="false">
                                            <span data-auth-toggle-label data-show="Show" data-hide="Hide">Show</span>
                                        </button>
                                    </div>
                                                                    </div>

                                <div class="auth-field auth-field--checkbox">
                                    <div class="form-check auth-check">
                                        <input type="checkbox" class="form-check-input" id="modal-remember" name="remember">
                                        <label class="form-check-label" for="modal-remember">Remember me</label>
                                    </div>
                                </div>

                                <button type="submit" class="auth-submit-btn">Log in</button>
                            </form>

                            <div class="auth-switch-link">
                                Don&#039;t have an account?
                                <button type="button" class="auth-switch-link__action" onclick="switchAuthTab('auth-tab-register')">Register &rarr;</button>
                            </div>
                        </div>
                    </div>

                    <div class="tab-pane fade" id="auth-panel-register" role="tabpanel" aria-labelledby="auth-tab-register" tabindex="0">
                        <div class="auth-modal__panel">
                            <a href="https://asted.cloud/auth/google?redirect_to=https%3A%2F%2Fasted.cloud%2Frutube%2Fchannel%2F25596694" class="auth-google-btn" data-auth-google>
                                <svg width="18" height="18" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
                                    <path d="M17.64 9.2c0-.637-.057-1.251-.164-1.84H9v3.481h4.844a4.14 4.14 0 0 1-1.796 2.716v2.259h2.908c1.702-1.567 2.684-3.875 2.684-6.615z" fill="#4285F4"/>
                                    <path d="M9 18c2.43 0 4.467-.806 5.956-2.18l-2.908-2.259c-.806.54-1.837.86-3.048.86-2.344 0-4.328-1.584-5.036-3.711H.957v2.332A8.997 8.997 0 0 0 9 18z" fill="#34A853"/>
                                    <path d="M3.964 10.71A5.41 5.41 0 0 1 3.682 9c0-.593.102-1.17.282-1.71V4.958H.957A8.996 8.996 0 0 0 0 9c0 1.452.348 2.827.957 4.042l3.007-2.332z" fill="#FBBC05"/>
                                    <path d="M9 3.58c1.321 0 2.508.454 3.44 1.345l2.582-2.58C13.463.891 11.426 0 9 0A8.997 8.997 0 0 0 .957 4.958L3.964 6.29C4.672 4.163 6.656 3.58 9 3.58z" fill="#EA4335"/>
                                </svg>
                                <span>Continue with Google</span>
                            </a>

                            <div class="auth-divider">or</div>

                            <form method="POST" action="https://asted.cloud/register" novalidate>
                                <input type="hidden" name="_token" value="pnlgInbcamPug09PzLrD245pv2aTsWntW3k5iE0w" autocomplete="off">                                <input type="hidden" name="_form" value="register">
                                <input type="hidden" name="redirect_to" value="https://asted.cloud/rutube/channel/25596694" data-auth-redirect>

                                <div class="auth-field">
                                    <label for="modal-register-name" class="auth-label">Name</label>
                                    <input
                                        id="modal-register-name"
                                        type="text"
                                        name="name"
                                        value=""
                                        class="form-control auth-form-control "
                                        placeholder="Your name"
                                        required
                                        autocomplete="name"
                                    >
                                                                    </div>

                                <div class="auth-field">
                                    <label for="modal-register-email" class="auth-label">Email</label>
                                    <input
                                        id="modal-register-email"
                                        type="email"
                                        name="email"
                                        value=""
                                        class="form-control auth-form-control "
                                        placeholder="you@example.com"
                                        required
                                        autocomplete="username"
                                    >
                                                                    </div>

                                <div class="auth-field">
                                    <label for="modal-register-password" class="auth-label">Password</label>
                                    <div class="auth-input-wrap">
                                        <input
                                            id="modal-register-password"
                                            type="password"
                                            name="password"
                                            class="form-control auth-form-control auth-form-control--with-toggle "
                                            placeholder="Password"
                                            required
                                            autocomplete="new-password"
                                        >
                                        <button type="button" class="auth-password-toggle" data-target="modal-register-password" aria-label="Show password" aria-pressed="false">
                                            <span data-auth-toggle-label data-show="Show" data-hide="Hide">Show</span>
                                        </button>
                                    </div>
                                    <div class="auth-note">Use at least 8 characters for a stronger password.</div>
                                                                    </div>

                                <div class="auth-field">
                                    <label for="modal-register-password-confirm" class="auth-label">Confirm Password</label>
                                    <div class="auth-input-wrap">
                                        <input
                                            id="modal-register-password-confirm"
                                            type="password"
                                            name="password_confirmation"
                                            class="form-control auth-form-control auth-form-control--with-toggle"
                                            placeholder="Confirm password"
                                            required
                                            autocomplete="new-password"
                                        >
                                        <button type="button" class="auth-password-toggle" data-target="modal-register-password-confirm" aria-label="Show password" aria-pressed="false">
                                            <span data-auth-toggle-label data-show="Show" data-hide="Hide">Show</span>
                                        </button>
                                    </div>
                                </div>

                                <button type="submit" class="auth-submit-btn">Create account</button>
                            </form>

                            <div class="auth-switch-link">
                                Already have an account?
                                <button type="button" class="auth-switch-link__action" onclick="switchAuthTab('auth-tab-login')">Log in &rarr;</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<script>
window.__authPendingTabId = window.__authPendingTabId || 'auth-tab-login';
window.switchAuthTab = function (tabId) {
    window.__authPendingTabId = tabId;

    if (typeof window.__applyAuthTab === 'function') {
        window.__applyAuthTab(tabId);
    }
};

document.addEventListener('DOMContentLoaded', function () {
    var modalEl = document.getElementById('authModal');

    if (!modalEl || typeof bootstrap === 'undefined') {
        return;
    }

    if (document.body && modalEl.parentNode !== document.body) {
        document.body.appendChild(modalEl);
    }

    var authModal = bootstrap.Modal.getOrCreateInstance(modalEl);
    var titleEl = document.getElementById('authModalLabel');
    var subtitleEl = document.getElementById('authModalDescription');
    var initialTabId = window.__authPendingTabId || 'auth-tab-login';

    function syncAuthRedirectTargets() {
        var redirectUrl = window.location.href;

        modalEl.querySelectorAll('[data-auth-redirect]').forEach(function (input) {
            input.value = redirectUrl;
        });

        modalEl.querySelectorAll('[data-auth-google]').forEach(function (link) {
            var url = new URL(link.getAttribute('href'), window.location.origin);
            url.searchParams.set('redirect_to', redirectUrl);
            link.href = url.toString();
        });
    }

    function syncModalText(tabButton) {
        if (!tabButton) {
            return;
        }

        if (titleEl) {
            titleEl.textContent = tabButton.getAttribute('data-auth-title') || tabButton.textContent.trim();
        }

        if (subtitleEl) {
            subtitleEl.textContent = tabButton.getAttribute('data-auth-subtitle') || '';
        }
    }

    function focusActiveField() {
        var activePanel = modalEl.querySelector('.tab-pane.active.show') || modalEl.querySelector('.tab-pane.active');

        if (!activePanel) {
            return;
        }

        var targetField = activePanel.querySelector('.is-invalid') ||
            activePanel.querySelector('input:not([type="hidden"]):not([type="checkbox"])');

        if (!targetField) {
            return;
        }

        window.requestAnimationFrame(function () {
            targetField.focus();
        });
    }

    function markAuthBackdrop() {
        window.setTimeout(function () {
            var backdrops = document.querySelectorAll('.modal-backdrop');
            var backdrop = backdrops.length ? backdrops[backdrops.length - 1] : null;

            if (backdrop) {
                backdrop.classList.add('auth-modal-backdrop');
            }
        }, 0);
    }

    function showAuthTab(tabId) {
        var tabButton = document.getElementById(tabId);

        if (!tabButton) {
            return;
        }

        window.__authPendingTabId = tabId;
        bootstrap.Tab.getOrCreateInstance(tabButton).show();
        syncModalText(tabButton);
    }

    window.__applyAuthTab = showAuthTab;

    modalEl.addEventListener('show.bs.modal', function () {
        syncAuthRedirectTargets();
        markAuthBackdrop();
    });

    modalEl.addEventListener('shown.bs.modal', function () {
        syncAuthRedirectTargets();
        showAuthTab(window.__authPendingTabId || initialTabId);
        focusActiveField();
    });

    modalEl.addEventListener('hidden.bs.modal', function () {
        var backdrops = document.querySelectorAll('.modal-backdrop.auth-modal-backdrop');

        backdrops.forEach(function (backdrop) {
            backdrop.classList.remove('auth-modal-backdrop');
        });
    });

    modalEl.querySelectorAll('[data-bs-toggle="tab"]').forEach(function (tabButton) {
        tabButton.addEventListener('shown.bs.tab', function (event) {
            var target = event.target;
            window.__authPendingTabId = target.id;
            syncModalText(target);
            focusActiveField();
        });
    });

    modalEl.querySelectorAll('.auth-password-toggle').forEach(function (toggle) {
        toggle.addEventListener('click', function () {
            var inputId = toggle.getAttribute('data-target');
            var input = inputId ? document.getElementById(inputId) : null;
            var label = toggle.querySelector('[data-auth-toggle-label]');

            if (!input) {
                return;
            }

            var shouldShow = input.type === 'password';
            input.type = shouldShow ? 'text' : 'password';
            toggle.setAttribute('aria-pressed', shouldShow ? 'true' : 'false');
            toggle.classList.toggle('is-active', shouldShow);

            if (label) {
                label.textContent = shouldShow ? label.getAttribute('data-hide') : label.getAttribute('data-show');
            }
        });
    });

    modalEl.querySelectorAll('form').forEach(function (form) {
        form.addEventListener('submit', syncAuthRedirectTargets);
    });

    modalEl.querySelectorAll('[data-auth-google]').forEach(function (link) {
        link.addEventListener('click', syncAuthRedirectTargets);
    });

    syncModalText(document.getElementById(initialTabId));
    syncAuthRedirectTargets();

    });
</script>
        </div>

        <div class="site-header__mobile-right">
            <div class="burger-menu-wrapper">
                <!-- ASTED: Burger Menu Button -->
<button type="button" class="burger-menu-btn" aria-label="Toggle navigation" aria-expanded="false">
    <svg class="burger-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none">
        <path d="M3 6h18M3 12h18M3 18h18" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
    </svg>
    <svg class="close-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none">
        <path d="M6 6l12 12M18 6L6 18" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
    </svg>
</button>

<!-- ASTED: Mobile Navigation Menu -->
<div class="mobile-nav-menu">
    <div class="mobile-nav-search">
        <div
            id="mobileHeaderSearchPanel"
        class="mobile-header-search"
    data-suggest-url="https://asted.cloud/search/suggest"
    data-search-url="https://asted.cloud/search"
    data-view-all-text="View all search results"
    data-no-results-text="No results"
    data-blog-label="Blog"
    data-news-label="News"
    data-tool-label="Tools"
>
    <div class="dropdown w-100 position-relative">
        <input
                            id="mobileHeaderSearchInput"
                        type="search"
            class="form-control"
            placeholder="Search users, blog, and tools"
            autocomplete="off"
            aria-label="Search users, blog, and tools"
        />

        <div
                            id="mobileHeaderSearchResults"
                        class="dropdown-menu w-100"
                            aria-labelledby="mobileHeaderSearchInput"
                    ></div>
    </div>
</div>
    </div>

    <ul class="mobile-nav-list">
                <li class="mobile-nav-item"><a href="https://asted.cloud/portal" class="mobile-nav-link">News portal</a></li>
        <li class="mobile-nav-item"><a href="/feed" class="mobile-nav-link">Feed</a></li>
        <li class="mobile-nav-item"><a href="https://asted.cloud/docs" class="mobile-nav-link">Documentation</a></li>
        <li class="mobile-nav-item"><a href="/blog" class="mobile-nav-link">Blog</a></li>

        <!-- Language Dropdown for Mobile -->
        <li class="mobile-nav-item mobile-nav-dropdown">
            <button type="button" class="mobile-nav-dropdown-toggle">
                                En - English
                <svg class="dropdown-arrow" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none">
                    <path d="M6 9l6 6 6-6" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                </svg>
            </button>
            <ul class="mobile-nav-dropdown-menu">
                                                            <li>
                                                        <a
                                class="mobile-nav-dropdown-item"
                                lang="ar"
                                 dir="rtl"                                 href="https://ar.asted.cloud/rutube/channel/25596694"
                            >
                                Ar - العربية
                            </a>
                        </li>
                                                                                <li>
                                                        <a
                                class="mobile-nav-dropdown-item"
                                lang="bg"
                                                                href="https://bg.asted.cloud/rutube/channel/25596694"
                            >
                                Bg - Български
                            </a>
                        </li>
                                                                                <li>
                                                        <a
                                class="mobile-nav-dropdown-item"
                                lang="cs"
                                                                href="https://cs.asted.cloud/rutube/channel/25596694"
                            >
                                Cs - Čeština
                            </a>
                        </li>
                                                                                <li>
                                                        <a
                                class="mobile-nav-dropdown-item"
                                lang="de"
                                                                href="https://de.asted.cloud/rutube/channel/25596694"
                            >
                                De - Deutsch
                            </a>
                        </li>
                                                                                                                    <li>
                                                        <a
                                class="mobile-nav-dropdown-item"
                                lang="es"
                                                                href="https://es.asted.cloud/rutube/channel/25596694"
                            >
                                Es - Español
                            </a>
                        </li>
                                                                                <li>
                                                        <a
                                class="mobile-nav-dropdown-item"
                                lang="fr"
                                                                href="https://fr.asted.cloud/rutube/channel/25596694"
                            >
                                Fr - Français
                            </a>
                        </li>
                                                                                <li>
                                                        <a
                                class="mobile-nav-dropdown-item"
                                lang="el"
                                                                href="https://el.asted.cloud/rutube/channel/25596694"
                            >
                                El - Ελληνικά
                            </a>
                        </li>
                                                                                <li>
                                                        <a
                                class="mobile-nav-dropdown-item"
                                lang="he"
                                 dir="rtl"                                 href="https://he.asted.cloud/rutube/channel/25596694"
                            >
                                He - עברית
                            </a>
                        </li>
                                                                                <li>
                                                        <a
                                class="mobile-nav-dropdown-item"
                                lang="hu"
                                                                href="https://hu.asted.cloud/rutube/channel/25596694"
                            >
                                Hu - Magyar
                            </a>
                        </li>
                                                                                <li>
                                                        <a
                                class="mobile-nav-dropdown-item"
                                lang="it"
                                                                href="https://it.asted.cloud/rutube/channel/25596694"
                            >
                                It - Italiano
                            </a>
                        </li>
                                                                                <li>
                                                        <a
                                class="mobile-nav-dropdown-item"
                                lang="ja"
                                                                href="https://ja.asted.cloud/rutube/channel/25596694"
                            >
                                Ja - 日本語
                            </a>
                        </li>
                                                                                <li>
                                                        <a
                                class="mobile-nav-dropdown-item"
                                lang="ko"
                                                                href="https://ko.asted.cloud/rutube/channel/25596694"
                            >
                                Ko - 한국어
                            </a>
                        </li>
                                                                                <li>
                                                        <a
                                class="mobile-nav-dropdown-item"
                                lang="pl"
                                                                href="https://pl.asted.cloud/rutube/channel/25596694"
                            >
                                Pl - Polski
                            </a>
                        </li>
                                                                                <li>
                                                        <a
                                class="mobile-nav-dropdown-item"
                                lang="pt"
                                                                href="https://pt.asted.cloud/rutube/channel/25596694"
                            >
                                Pt - Português
                            </a>
                        </li>
                                                                                <li>
                                                        <a
                                class="mobile-nav-dropdown-item"
                                lang="ro"
                                                                href="https://ro.asted.cloud/rutube/channel/25596694"
                            >
                                Ro - Română
                            </a>
                        </li>
                                                                                <li>
                                                        <a
                                class="mobile-nav-dropdown-item"
                                lang="ru"
                                                                href="https://ru.asted.cloud/rutube/channel/25596694"
                            >
                                Ru - Русский
                            </a>
                        </li>
                                                                                <li>
                                                        <a
                                class="mobile-nav-dropdown-item"
                                lang="tr"
                                                                href="https://tr.asted.cloud/rutube/channel/25596694"
                            >
                                Tr - Türkçe
                            </a>
                        </li>
                                                                                <li>
                                                        <a
                                class="mobile-nav-dropdown-item"
                                lang="uk"
                                                                href="https://uk.asted.cloud/rutube/channel/25596694"
                            >
                                Uk - Українська
                            </a>
                        </li>
                                                                                <li>
                                                        <a
                                class="mobile-nav-dropdown-item"
                                lang="vi"
                                                                href="https://vi.asted.cloud/rutube/channel/25596694"
                            >
                                Vi - Tiếng Việt
                            </a>
                        </li>
                                                                                <li>
                                                        <a
                                class="mobile-nav-dropdown-item"
                                lang="zh"
                                                                href="https://zh.asted.cloud/rutube/channel/25596694"
                            >
                                Zh - 简体中文
                            </a>
                        </li>
                                                </ul>
        </li>
    </ul>
</div>
            </div>
        </div>
    </div>

    <div id="headerSearchPanel" class="header-search-panel">
    <div class="container">
        <div class="py-3">
            <div
        class="header-search-box"
    data-suggest-url="https://asted.cloud/search/suggest"
    data-search-url="https://asted.cloud/search"
    data-view-all-text="View all search results"
    data-no-results-text="No results"
    data-blog-label="Blog"
    data-news-label="News"
    data-tool-label="Tools"
>
    <div class="dropdown w-100 position-relative">
        <input
                            id="headerSearchInput"
                        type="search"
            class="form-control"
            placeholder="Search users, blog, and tools"
            autocomplete="off"
            aria-label="Search users, blog, and tools"
        />

        <div
                            id="headerSearchResults"
                        class="dropdown-menu w-100"
                            aria-labelledby="headerSearchInput"
                    ></div>
    </div>
</div>
        </div>
    </div>
</div>

    <script>
    (function () {
        'use strict';
        var list = document.getElementById('siteNavList');
        var moreBtn = document.getElementById('siteNavMore');
        var moreMenu = document.getElementById('siteNavMoreMenu');
        if (!list || !moreBtn || !moreMenu) return;

        var items = Array.from(list.querySelectorAll('.nav-prio'));
        var cached = null;

        function measureItems() {
            items.forEach(function (item) { item.style.display = ''; });
            moreBtn.style.visibility = 'hidden';
            moreBtn.style.display = 'flex';
            cached = {
                items: items.map(function (item) { return item.getBoundingClientRect().width; }),
                more: moreBtn.getBoundingClientRect().width
            };
            moreBtn.style.display = '';
        }

        function update() {
            if (!cached) measureItems();

            items.forEach(function (item) { item.style.display = ''; });
            moreBtn.style.visibility = 'hidden';
            moreMenu.innerHTML = '';

            var available = list.getBoundingClientRect().width;
            var total = cached.items.reduce(function (sum, width) { return sum + width; }, 0);
            if (total <= available) return;

            moreBtn.style.visibility = '';
            var budget = available - cached.more - 4;
            var used = 0;
            var overflow = [];

            for (var i = 0; i < items.length; i++) {
                used += cached.items[i];
                if (used > budget) {
                    overflow = items.slice(i);
                    break;
                }
            }

            overflow.forEach(function (item) {
                item.style.display = 'none';
                var source = item.querySelector('a');
                var li = document.createElement('li');
                var link = document.createElement('a');
                link.href = source.getAttribute('href');
                link.className = 'dropdown-item';
                link.textContent = source.textContent.trim();
                li.appendChild(link);
                moreMenu.appendChild(li);
            });
        }

        if (document.readyState === 'loading') {
            document.addEventListener('DOMContentLoaded', function () {
                requestAnimationFrame(function () { measureItems(); update(); });
            });
        } else {
            requestAnimationFrame(function () { measureItems(); update(); });
        }

        var resizeTimer;
        window.addEventListener('resize', function () {
            clearTimeout(resizeTimer);
            resizeTimer = setTimeout(function () {
                cached = null;
                measureItems();
                update();
            }, 120);
        });
    }());
    </script>
</header>
    <div class="page-shell">
            <section class="main-content flex flex-col items-center pt-6 sm:pt-0 bg-gray-100 dark:bg-gray-900">
        <div class="w-full sm:max-w-6xl mt-6 px-6 py-6 bg-white dark:bg-gray-800 shadow-md overflow-hidden sm:rounded-lg">
            <nav class="text-sm text-gray-600 dark:text-gray-400 mb-4" itemscope itemtype="https://schema.org/BreadcrumbList">
                <span itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
                    <a href="https://asted.cloud" itemprop="item" class="hover:text-sky-600">
                        <span itemprop="name">Home</span>
                    </a>
                    <meta itemprop="position" content="1" /> /
                </span>
                <span itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
                    <a href="https://asted.cloud/rutube" itemprop="item" class="hover:text-sky-600">
                        <span itemprop="name">Rutube Analytics</span>
                    </a>
                    <meta itemprop="position" content="2" /> /
                </span>
                <span itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
                    <span itemprop="name">РульДаКолеса</span>
                    <meta itemprop="position" content="3" />
                </span>
            </nav>

                            <div class="mb-6 h-40 sm:h-52 rounded-2xl overflow-hidden bg-gray-100 dark:bg-gray-700 relative">
                    <img src="https://pic.rtbcdn.ru/userappearance/2025-06-23/3b/6e/3b6e2ee3255b3243170f2e41e9943446.jpeg" alt="РульДаКолеса" class="w-full h-full object-cover">
                    <div class="absolute inset-0 bg-gradient-to-t from-black/60 via-black/20 to-transparent"></div>
                </div>
            
            <div class="flex flex-col lg:flex-row gap-6 lg:items-start mb-6">
                <div class="flex items-center gap-4 min-w-0">
                                            <img src="https://pic.rtbcdn.ru/user/2025-06-23/8d/93/8d93e3e4a15f552ee7f9dd58e5d3d3a6.jpg" alt="РульДаКолеса"
                             class="rounded-full bg-gray-100 dark:bg-gray-700 ring-4 ring-white dark:ring-gray-800 flex-shrink-0"
                             style="width:96px;height:96px;border-radius:9999px;object-fit:cover;display:block;">
                    
                    <div class="min-w-0">
                        <div class="flex flex-wrap items-center gap-2">
                            <h1 class="text-2xl font-semibold text-gray-900 dark:text-gray-100 break-words">РульДаКолеса</h1>
                                                    </div>

                        <div class="flex flex-wrap items-center gap-2 mt-3 text-xs text-gray-500 dark:text-gray-400">
                            <span class="px-2 py-1 rounded-md bg-gray-100 dark:bg-gray-700 font-mono">
                                Channel ID: 25596694
                            </span>

                                                            <span class="px-2 py-1 rounded-md bg-gray-100 dark:bg-gray-700">
                                    Created on Rutube: 06.04.2022
                                </span>
                            
                                                            <span class="px-2 py-1 rounded-md bg-gray-100 dark:bg-gray-700">
                                    First seen in analytics: 04.06.2026
                                </span>
                            
                                                            <a target="_blank" rel="noopener" href="https://rutube.ru/channel/25596694/"
                                   class="px-2 py-1 rounded-md bg-sky-50 dark:bg-sky-900/20 text-sky-700 dark:text-sky-300 hover:bg-sky-100 dark:hover:bg-sky-900/30 transition-colors">
                                    Open on Rutube
                                </a>
                                                    </div>
                    </div>
                </div>

                                    <div class="lg:ml-auto lg:max-w-xl text-sm text-gray-600 dark:text-gray-400 leading-6">
                        Всем привет, меня зовут Сергей — я автор молодого канала Руль да Колеса. Вместе с женой мы катаемся по окрестностям города Брянска.

Мы не гонимся за километрами и темпом. Вместо этого — неспешные велопрогулки по ближайшим окрестностям: живописные тропы, старые деревни, поля, леса и те самые места, куда можно доехать за час.

Здесь ты найдёшь:  
✅ Атмосферные видео наших покатух
✅ Прогулки по красивым местам
✅ Природу, свежий воздух

Если ты любишь природу, размеренность и свободу движения — подписывайся и поехали вместе.
                    </div>
                            </div>

            <div class="grid grid-cols-1 sm:grid-cols-2 xl:grid-cols-4 gap-4 mb-8">
                <div class="p-4 rounded-2xl bg-gray-50 dark:bg-gray-900/50 border border-gray-100 dark:border-gray-700">
                    <div class="text-xs uppercase text-gray-500 dark:text-gray-400 mb-2">Subscribers</div>
                    <div class="text-2xl font-semibold text-gray-900 dark:text-gray-100">1</div>
                                            <div class="mt-1 text-sm text-gray-500 dark:text-gray-400">
                            0 / 30d
                        </div>
                                    </div>

                <div class="p-4 rounded-2xl bg-gray-50 dark:bg-gray-900/50 border border-gray-100 dark:border-gray-700">
                    <div class="text-xs uppercase text-gray-500 dark:text-gray-400 mb-2">Views</div>
                    <div class="text-2xl font-semibold text-gray-900 dark:text-gray-100">379</div>
                                            <div class="mt-1 text-sm text-gray-500 dark:text-gray-400">
                            0 / 30d
                        </div>
                                    </div>

                <div class="p-4 rounded-2xl bg-gray-50 dark:bg-gray-900/50 border border-gray-100 dark:border-gray-700">
                    <div class="text-xs uppercase text-gray-500 dark:text-gray-400 mb-2">Videos</div>
                    <div class="text-2xl font-semibold text-gray-900 dark:text-gray-100">49</div>
                                            <div class="mt-1 text-sm text-gray-500 dark:text-gray-400">
                            0 / 30d
                        </div>
                                    </div>

                <div class="p-4 rounded-2xl bg-sky-50 dark:bg-sky-900/20 border border-sky-100 dark:border-sky-800">
                    <div class="text-xs uppercase text-sky-600 dark:text-sky-400 mb-2">Global Rank</div>
                    <div class="text-2xl font-bold text-sky-700 dark:text-sky-300">
                                                    #53 592
                                            </div>
                </div>
            </div>

            <div class="mb-8">
                <div class="flex flex-col gap-4 lg:flex-row lg:items-center lg:justify-between mb-4">
                    <div>
                        <h2 class="text-lg font-semibold text-gray-900 dark:text-gray-100">Growth History</h2>
                        <p class="text-sm text-gray-500 dark:text-gray-400">Daily snapshots are stored when the page is opened, once per calendar day.</p>
                    </div>

                    <div class="flex flex-wrap gap-2">
                                                    <button type="button"
                                    data-days="30"
                                    class="rt-period-button px-3 py-1.5 rounded-full text-sm border bg-sky-600 border-sky-600 text-white">
                                30d
                            </button>
                                                    <button type="button"
                                    data-days="60"
                                    class="rt-period-button px-3 py-1.5 rounded-full text-sm border bg-white dark:bg-gray-800 border-gray-200 dark:border-gray-700 text-gray-700 dark:text-gray-300">
                                60d
                            </button>
                                                    <button type="button"
                                    data-days="180"
                                    class="rt-period-button px-3 py-1.5 rounded-full text-sm border bg-white dark:bg-gray-800 border-gray-200 dark:border-gray-700 text-gray-700 dark:text-gray-300">
                                180d
                            </button>
                                                    <button type="button"
                                    data-days="365"
                                    class="rt-period-button px-3 py-1.5 rounded-full text-sm border bg-white dark:bg-gray-800 border-gray-200 dark:border-gray-700 text-gray-700 dark:text-gray-300">
                                365d
                            </button>
                                            </div>
                </div>

                                    <div class="rounded-2xl border border-gray-100 dark:border-gray-700 overflow-hidden">
                        <div class="border-b border-gray-100 dark:border-gray-700 px-4 py-3 flex flex-wrap gap-2">
                                                            <button type="button"
                                        data-metric="subscribers"
                                        class="rt-metric-button px-3 py-1.5 rounded-full text-sm bg-sky-100 dark:bg-sky-900/30 text-sky-700 dark:text-sky-300">
                                    Subscribers
                                </button>
                                                            <button type="button"
                                        data-metric="views"
                                        class="rt-metric-button px-3 py-1.5 rounded-full text-sm bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-gray-300">
                                    Views
                                </button>
                                                            <button type="button"
                                        data-metric="videos"
                                        class="rt-metric-button px-3 py-1.5 rounded-full text-sm bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-gray-300">
                                    Videos
                                </button>
                                                    </div>

                        <div class="p-4">
                            <canvas id="rutubeChart" height="110"></canvas>
                        </div>

                        <div class="overflow-x-auto border-t border-gray-100 dark:border-gray-700">
                            <table class="min-w-full text-sm">
                                <thead class="text-gray-600 dark:text-gray-300 border-b border-gray-100 dark:border-gray-700">
                                <tr>
                                    <th class="py-2 px-4 text-left">Date</th>
                                    <th class="py-2 px-4 text-right">Subscribers</th>
                                    <th class="py-2 px-4 text-right">Views</th>
                                    <th class="py-2 px-4 text-right">Videos</th>
                                </tr>
                                </thead>
                                <tbody id="rutube-history-body" class="text-gray-900 dark:text-gray-100"></tbody>
                            </table>
                        </div>
                    </div>
                            </div>

            <div>
                <div class="flex items-center justify-between gap-4 mb-4">
                    <div>
                        <h2 class="text-lg font-semibold text-gray-900 dark:text-gray-100">Latest Videos</h2>
                        <p class="text-sm text-gray-500 dark:text-gray-400">Recent public videos fetched from Rutube right now.</p>
                    </div>
                </div>

                                    <div class="grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-4">
                                                    <a href="https://rutube.ru/video/99c3be3ccaad7b143441d66ecf30b736/" target="_blank" rel="noopener"
                               class="group rounded-2xl overflow-hidden border border-gray-100 dark:border-gray-700 bg-white dark:bg-gray-900/30 hover:border-sky-300 dark:hover:border-sky-700 transition-colors">
                                <div class="aspect-video bg-gray-100 dark:bg-gray-700 overflow-hidden">
                                                                            <img src="https://pic.rtbcdn.ru/video/2026-08-26/3d/fc/3dfc9146524b055012289769b0ec6086.jpg" alt="Открытие велосезона 2026 (с Велодрайв Брянск)"
                                             class="w-full h-full object-cover group-hover:scale-[1.02] transition-transform">
                                                                    </div>
                                <div class="p-4">
                                    <div class="flex items-start justify-between gap-2 mb-2">
                                        <h3 class="font-medium text-gray-900 dark:text-gray-100 leading-5">
                                            Открытие велосезона 2026 (с Велодрайв Брянск)
                                        </h3>
                                                                            </div>

                                    <div class="flex flex-wrap gap-2 text-xs text-gray-500 dark:text-gray-400">
                                        <span>3 views</span>

                                                                                    <span>- 26.08.2026</span>
                                        
                                                                                    <span>- Путешествия</span>
                                        
                                                                                                                                <span>- 36:23</span>
                                                                            </div>
                                </div>
                            </a>
                                                    <a href="https://rutube.ru/video/debb8a9581f7865880808117fd2f70c4/" target="_blank" rel="noopener"
                               class="group rounded-2xl overflow-hidden border border-gray-100 dark:border-gray-700 bg-white dark:bg-gray-900/30 hover:border-sky-300 dark:hover:border-sky-700 transition-colors">
                                <div class="aspect-video bg-gray-100 dark:bg-gray-700 overflow-hidden">
                                                                            <img src="https://pic.rtbcdn.ru/video/2026-07-17/2a/6d/2a6d898857af24b75fd40b75f2ce9200.jpg" alt="Велопикник в ноябре (Велодрайв Брянск)"
                                             class="w-full h-full object-cover group-hover:scale-[1.02] transition-transform">
                                                                    </div>
                                <div class="p-4">
                                    <div class="flex items-start justify-between gap-2 mb-2">
                                        <h3 class="font-medium text-gray-900 dark:text-gray-100 leading-5">
                                            Велопикник в ноябре (Велодрайв Брянск)
                                        </h3>
                                                                            </div>

                                    <div class="flex flex-wrap gap-2 text-xs text-gray-500 dark:text-gray-400">
                                        <span>7 views</span>

                                                                                    <span>- 17.07.2026</span>
                                        
                                                                                    <span>- Путешествия</span>
                                        
                                                                                                                                <span>- 27:54</span>
                                                                            </div>
                                </div>
                            </a>
                                                    <a href="https://rutube.ru/video/43368379bc0fba1cfed748b12459585f/" target="_blank" rel="noopener"
                               class="group rounded-2xl overflow-hidden border border-gray-100 dark:border-gray-700 bg-white dark:bg-gray-900/30 hover:border-sky-300 dark:hover:border-sky-700 transition-colors">
                                <div class="aspect-video bg-gray-100 dark:bg-gray-700 overflow-hidden">
                                                                            <img src="https://pic.rtbcdn.ru/video/2026-05-31/ef/9c/ef9c0866480abb206f7a442376c6c803.jpg" alt="ПЕРВЫЕ 60км На Велосипеде После Зимы"
                                             class="w-full h-full object-cover group-hover:scale-[1.02] transition-transform">
                                                                    </div>
                                <div class="p-4">
                                    <div class="flex items-start justify-between gap-2 mb-2">
                                        <h3 class="font-medium text-gray-900 dark:text-gray-100 leading-5">
                                            ПЕРВЫЕ 60км На Велосипеде После Зимы
                                        </h3>
                                                                            </div>

                                    <div class="flex flex-wrap gap-2 text-xs text-gray-500 dark:text-gray-400">
                                        <span>26 views</span>

                                                                                    <span>- 02.06.2026</span>
                                        
                                                                                    <span>- Путешествия</span>
                                        
                                                                                                                                <span>- 41:43</span>
                                                                            </div>
                                </div>
                            </a>
                                                    <a href="https://rutube.ru/video/2d2b6eeda3a9fd1eb68b5a78ca1f184e/" target="_blank" rel="noopener"
                               class="group rounded-2xl overflow-hidden border border-gray-100 dark:border-gray-700 bg-white dark:bg-gray-900/30 hover:border-sky-300 dark:hover:border-sky-700 transition-colors">
                                <div class="aspect-video bg-gray-100 dark:bg-gray-700 overflow-hidden">
                                                                            <img src="https://pic.rtbcdn.ru/video/2026-03-28/a8/12/a812e7f013888bd85f812f985040c511.jpg" alt="Когда покатушка пошла НЕ по плану"
                                             class="w-full h-full object-cover group-hover:scale-[1.02] transition-transform">
                                                                    </div>
                                <div class="p-4">
                                    <div class="flex items-start justify-between gap-2 mb-2">
                                        <h3 class="font-medium text-gray-900 dark:text-gray-100 leading-5">
                                            Когда покатушка пошла НЕ по плану
                                        </h3>
                                                                            </div>

                                    <div class="flex flex-wrap gap-2 text-xs text-gray-500 dark:text-gray-400">
                                        <span>9 views</span>

                                                                                    <span>- 28.03.2026</span>
                                        
                                                                                    <span>- Лайфстайл</span>
                                        
                                                                                                                                <span>- 18:04</span>
                                                                            </div>
                                </div>
                            </a>
                                                    <a href="https://rutube.ru/video/b617b5e4f94374c4651731bb88420b24/" target="_blank" rel="noopener"
                               class="group rounded-2xl overflow-hidden border border-gray-100 dark:border-gray-700 bg-white dark:bg-gray-900/30 hover:border-sky-300 dark:hover:border-sky-700 transition-colors">
                                <div class="aspect-video bg-gray-100 dark:bg-gray-700 overflow-hidden">
                                                                            <img src="https://pic.rtbcdn.ru/video/2025-12-21/04/f5/04f5753d2ac40b5426cac5eb4e50b836.jpg" alt="Велопокатушка на карьеры в декабре (КОРОЧЕ)"
                                             class="w-full h-full object-cover group-hover:scale-[1.02] transition-transform">
                                                                    </div>
                                <div class="p-4">
                                    <div class="flex items-start justify-between gap-2 mb-2">
                                        <h3 class="font-medium text-gray-900 dark:text-gray-100 leading-5">
                                            Велопокатушка на карьеры в декабре (КОРОЧЕ)
                                        </h3>
                                                                            </div>

                                    <div class="flex flex-wrap gap-2 text-xs text-gray-500 dark:text-gray-400">
                                        <span>12 views</span>

                                                                                    <span>- 19.12.2025</span>
                                        
                                                                                    <span>- Лайфстайл</span>
                                        
                                                                                                                                <span>- 50:56</span>
                                                                            </div>
                                </div>
                            </a>
                                                    <a href="https://rutube.ru/video/bd78b7b4404981cf05e36a99a4617df7/" target="_blank" rel="noopener"
                               class="group rounded-2xl overflow-hidden border border-gray-100 dark:border-gray-700 bg-white dark:bg-gray-900/30 hover:border-sky-300 dark:hover:border-sky-700 transition-colors">
                                <div class="aspect-video bg-gray-100 dark:bg-gray-700 overflow-hidden">
                                                                            <img src="https://pic.rtbcdn.ru/video/2025-12-05/97/92/9792fd12c6208713b33047253c46fd0a.jpg" alt="#навигация #нетуда #navigation #noway #there #cycling #mtb #xd #lol #omg #shorts #top #viral"
                                             class="w-full h-full object-cover group-hover:scale-[1.02] transition-transform">
                                                                    </div>
                                <div class="p-4">
                                    <div class="flex items-start justify-between gap-2 mb-2">
                                        <h3 class="font-medium text-gray-900 dark:text-gray-100 leading-5">
                                            #навигация #нетуда #navigation #noway #there #cycling #mtb #xd #lol #omg #shorts #top #vir...
                                        </h3>
                                                                            </div>

                                    <div class="flex flex-wrap gap-2 text-xs text-gray-500 dark:text-gray-400">
                                        <span>2 views</span>

                                                                                    <span>- 09.12.2025</span>
                                        
                                                                                    <span>- Лайфстайл</span>
                                        
                                                                                                                                <span>- 0:11</span>
                                                                            </div>
                                </div>
                            </a>
                                                    <a href="https://rutube.ru/video/14573a8728916d3b1576dce1a45a1d3c/" target="_blank" rel="noopener"
                               class="group rounded-2xl overflow-hidden border border-gray-100 dark:border-gray-700 bg-white dark:bg-gray-900/30 hover:border-sky-300 dark:hover:border-sky-700 transition-colors">
                                <div class="aspect-video bg-gray-100 dark:bg-gray-700 overflow-hidden">
                                                                            <img src="https://pic.rtbcdn.ru/video/2025-12-05/85/a5/85a53e550ff1c881e9c609a4436319ae.jpg" alt="#удобно #хитрость #comfortable #audacity #trick #cycling #mtb #xd #lol #omg #shorts #top #viral"
                                             class="w-full h-full object-cover group-hover:scale-[1.02] transition-transform">
                                                                    </div>
                                <div class="p-4">
                                    <div class="flex items-start justify-between gap-2 mb-2">
                                        <h3 class="font-medium text-gray-900 dark:text-gray-100 leading-5">
                                            #удобно #хитрость #comfortable #audacity #trick #cycling #mtb #xd #lol #omg #shorts #top #...
                                        </h3>
                                                                            </div>

                                    <div class="flex flex-wrap gap-2 text-xs text-gray-500 dark:text-gray-400">
                                        <span>3 views</span>

                                                                                    <span>- 08.12.2025</span>
                                        
                                                                                    <span>- Лайфстайл</span>
                                        
                                                                                                                                <span>- 0:08</span>
                                                                            </div>
                                </div>
                            </a>
                                                    <a href="https://rutube.ru/video/565eee8ff569e0c4b19e6af36d6ba40c/" target="_blank" rel="noopener"
                               class="group rounded-2xl overflow-hidden border border-gray-100 dark:border-gray-700 bg-white dark:bg-gray-900/30 hover:border-sky-300 dark:hover:border-sky-700 transition-colors">
                                <div class="aspect-video bg-gray-100 dark:bg-gray-700 overflow-hidden">
                                                                            <img src="https://pic.rtbcdn.ru/video/2025-12-08/04/c6/04c6ea4d2e5cc7e8076889e6c6027cef.jpg" alt="На велике на &quot;мальдивы&quot; (сквозь лес и болота)"
                                             class="w-full h-full object-cover group-hover:scale-[1.02] transition-transform">
                                                                    </div>
                                <div class="p-4">
                                    <div class="flex items-start justify-between gap-2 mb-2">
                                        <h3 class="font-medium text-gray-900 dark:text-gray-100 leading-5">
                                            На велике на &quot;мальдивы&quot; (сквозь лес и болота)
                                        </h3>
                                                                            </div>

                                    <div class="flex flex-wrap gap-2 text-xs text-gray-500 dark:text-gray-400">
                                        <span>3 views</span>

                                                                                    <span>- 08.12.2025</span>
                                        
                                                                                    <span>- Лайфстайл</span>
                                        
                                                                                                                                <span>- 44:11</span>
                                                                            </div>
                                </div>
                            </a>
                                                    <a href="https://rutube.ru/video/daffcd7cb4d3ad3f90ecb68099d39bfa/" target="_blank" rel="noopener"
                               class="group rounded-2xl overflow-hidden border border-gray-100 dark:border-gray-700 bg-white dark:bg-gray-900/30 hover:border-sky-300 dark:hover:border-sky-700 transition-colors">
                                <div class="aspect-video bg-gray-100 dark:bg-gray-700 overflow-hidden">
                                                                            <img src="https://pic.rtbcdn.ru/video/2025-12-05/a3/c9/a3c95a6a078d7375619287354af358fb.jpg" alt="#решение #идея #пазл #fast #ideas #cycling #mtb #lol #omg #shorts #4k #top #рекомендации #viral"
                                             class="w-full h-full object-cover group-hover:scale-[1.02] transition-transform">
                                                                    </div>
                                <div class="p-4">
                                    <div class="flex items-start justify-between gap-2 mb-2">
                                        <h3 class="font-medium text-gray-900 dark:text-gray-100 leading-5">
                                            #решение #идея #пазл #fast #ideas #cycling #mtb #lol #omg #shorts #4k #top #рекомендации #...
                                        </h3>
                                                                            </div>

                                    <div class="flex flex-wrap gap-2 text-xs text-gray-500 dark:text-gray-400">
                                        <span>5 views</span>

                                                                                    <span>- 07.12.2025</span>
                                        
                                                                                    <span>- Лайфстайл</span>
                                        
                                                                                                                                <span>- 0:11</span>
                                                                            </div>
                                </div>
                            </a>
                                                    <a href="https://rutube.ru/video/6842a4190a5278132b4fbc98a1aac2d4/" target="_blank" rel="noopener"
                               class="group rounded-2xl overflow-hidden border border-gray-100 dark:border-gray-700 bg-white dark:bg-gray-900/30 hover:border-sky-300 dark:hover:border-sky-700 transition-colors">
                                <div class="aspect-video bg-gray-100 dark:bg-gray-700 overflow-hidden">
                                                                            <img src="https://pic.rtbcdn.ru/video/2025-12-05/1a/21/1a21f80e458e48fc0691acc0d22f3512.jpg" alt="#тротуар #темп #пешеходы #cycling #mtb #xd #lol #omg #shorts #4k #top #bicycle #рекомендации #viral"
                                             class="w-full h-full object-cover group-hover:scale-[1.02] transition-transform">
                                                                    </div>
                                <div class="p-4">
                                    <div class="flex items-start justify-between gap-2 mb-2">
                                        <h3 class="font-medium text-gray-900 dark:text-gray-100 leading-5">
                                            #тротуар #темп #пешеходы #cycling #mtb #xd #lol #omg #shorts #4k #top #bicycle #рекомендац...
                                        </h3>
                                                                            </div>

                                    <div class="flex flex-wrap gap-2 text-xs text-gray-500 dark:text-gray-400">
                                        <span>7 views</span>

                                                                                    <span>- 05.12.2025</span>
                                        
                                                                                    <span>- Лайфстайл</span>
                                        
                                                                                                                                <span>- 0:18</span>
                                                                            </div>
                                </div>
                            </a>
                                                    <a href="https://rutube.ru/video/b21999e3e6d2833e1af81c857ee6584a/" target="_blank" rel="noopener"
                               class="group rounded-2xl overflow-hidden border border-gray-100 dark:border-gray-700 bg-white dark:bg-gray-900/30 hover:border-sky-300 dark:hover:border-sky-700 transition-colors">
                                <div class="aspect-video bg-gray-100 dark:bg-gray-700 overflow-hidden">
                                                                            <img src="https://pic.rtbcdn.ru/video/2025-11-22/49/1c/491c1c773d304ba00d25b29ef35874dd.jpg" alt="Впервые на велосипеде с сообществом - сногсшибательные апхилы! (КОРОЧЕ)"
                                             class="w-full h-full object-cover group-hover:scale-[1.02] transition-transform">
                                                                    </div>
                                <div class="p-4">
                                    <div class="flex items-start justify-between gap-2 mb-2">
                                        <h3 class="font-medium text-gray-900 dark:text-gray-100 leading-5">
                                            Впервые на велосипеде с сообществом - сногсшибательные апхилы! (КОРОЧЕ)
                                        </h3>
                                                                            </div>

                                    <div class="flex flex-wrap gap-2 text-xs text-gray-500 dark:text-gray-400">
                                        <span>2 views</span>

                                                                                    <span>- 28.11.2025</span>
                                        
                                                                                    <span>- Лайфстайл</span>
                                        
                                                                                                                                <span>- 14:45</span>
                                                                            </div>
                                </div>
                            </a>
                                                    <a href="https://rutube.ru/video/249b0edd691440af9cf97fe014506d2d/" target="_blank" rel="noopener"
                               class="group rounded-2xl overflow-hidden border border-gray-100 dark:border-gray-700 bg-white dark:bg-gray-900/30 hover:border-sky-300 dark:hover:border-sky-700 transition-colors">
                                <div class="aspect-video bg-gray-100 dark:bg-gray-700 overflow-hidden">
                                                                            <img src="https://pic.rtbcdn.ru/video/2025-11-18/24/75/247592721c45afcfdc6fb924e281b5c2.jpg" alt="#собака #угроза #dog #vs #cycling #mtb #xd #lol #omg #shorts #4k #top #bicycle #рекомендации #viral"
                                             class="w-full h-full object-cover group-hover:scale-[1.02] transition-transform">
                                                                    </div>
                                <div class="p-4">
                                    <div class="flex items-start justify-between gap-2 mb-2">
                                        <h3 class="font-medium text-gray-900 dark:text-gray-100 leading-5">
                                            #собака #угроза #dog #vs #cycling #mtb #xd #lol #omg #shorts #4k #top #bicycle #рекомендац...
                                        </h3>
                                                                            </div>

                                    <div class="flex flex-wrap gap-2 text-xs text-gray-500 dark:text-gray-400">
                                        <span>4 views</span>

                                                                                    <span>- 19.11.2025</span>
                                        
                                                                                    <span>- Юмор</span>
                                        
                                                                                                                                <span>- 0:18</span>
                                                                            </div>
                                </div>
                            </a>
                                            </div>
                            </div>

            <section id="comments" class="mt-8">
    <div class="overflow-hidden rounded-xl border border-gray-200/60 bg-white shadow-sm dark:border-gray-700/60 dark:bg-gray-800">
        <header class="border-b border-gray-200/60 px-6 py-6 dark:border-gray-700/60">
            <h2 class="text-xl font-semibold tracking-tight text-gray-900 dark:text-gray-100">
                Comments
                <span class="text-gray-500 dark:text-gray-400">(0)</span>
            </h2>
            <p class="mt-1 text-sm text-gray-600 dark:text-gray-300">
                Share your thoughts — please be polite and stay on topic.
            </p>
        </header>

        <div class="px-6 py-6">
            
            
                                                <div class="mb-4 rounded-lg border border-dashed border-gray-300 bg-white p-6 text-sm text-gray-600 dark:border-gray-700 dark:bg-gray-800 dark:text-gray-300">
                        No comments yet. Leave a comment — share your opinion!
                    </div>
                
                <form method="POST" action="https://asted.cloud/rutube/channel/25596694/comments" class="space-y-4">
                    <input type="hidden" name="_token" value="pnlgInbcamPug09PzLrD245pv2aTsWntW3k5iE0w" autocomplete="off">
                    <div>
                        <label for="body" class="mb-1 block text-sm font-medium text-gray-700 dark:text-gray-200">
                            Comment
                        </label>
                        <textarea id="body" name="body" rows="4" required  disabled                                   class="w-full rounded-md border-gray-300 bg-white text-sm text-gray-900 shadow-sm focus:border-gray-500 focus:ring-gray-500 dark:border-gray-700 dark:bg-gray-900 dark:text-gray-100  cursor-not-allowed opacity-60 "></textarea>
                                            </div>

                    <div class="flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between">
                        <button type="submit"  disabled aria-disabled="true"                                 class="inline-flex w-full items-center justify-center rounded-md bg-gray-900 px-4 py-2 text-sm font-medium text-white transition hover:bg-gray-800 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-gray-300 focus-visible:ring-offset-2 focus-visible:ring-offset-white dark:bg-gray-100 dark:text-gray-900 dark:hover:bg-white dark:focus-visible:ring-gray-600 dark:focus-visible:ring-offset-gray-800 sm:w-auto  cursor-not-allowed opacity-50 hover:bg-gray-900 ">
                            Send
                        </button>

                                                    <p class="text-sm text-gray-600 dark:text-gray-300">
                                To leave a comment, please log in.
                            </p>
                                            </div>
                </form>

                
                                    <div class="mt-6 rounded-lg border border-gray-200/60 bg-white p-5 dark:border-gray-700/60 dark:bg-gray-900/30">
                        <h3 class="text-sm font-semibold text-gray-900 dark:text-gray-100">
                            Log in to comment
                        </h3>

                        <form method="POST" action="https://asted.cloud/login" class="mt-4 space-y-4">
                            <input type="hidden" name="_token" value="pnlgInbcamPug09PzLrD245pv2aTsWntW3k5iE0w" autocomplete="off">
                            <div>
                                <label for="login_email" class="mb-1 block text-sm font-medium text-gray-700 dark:text-gray-200">
                                    Email
                                </label>
                                <input id="login_email" name="email" type="email" required autocomplete="username"
                                       value=""
                                       class="w-full rounded-md border-gray-300 bg-white text-sm text-gray-900 shadow-sm focus:border-gray-500 focus:ring-gray-500 dark:border-gray-700 dark:bg-gray-900 dark:text-gray-100"/>
                            </div>

                            <div>
                                <label for="login_password" class="mb-1 block text-sm font-medium text-gray-700 dark:text-gray-200">
                                    Password
                                </label>
                                <input id="login_password" name="password" type="password" required autocomplete="current-password"
                                       class="w-full rounded-md border-gray-300 bg-white text-sm text-gray-900 shadow-sm focus:border-gray-500 focus:ring-gray-500 dark:border-gray-700 dark:bg-gray-900 dark:text-gray-100"/>
                            </div>

                            <div class="flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between">
                                <button type="submit"
                                        class="inline-flex w-full items-center justify-center rounded-md bg-gray-900 px-4 py-2 text-sm font-medium text-white transition hover:bg-gray-800 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-gray-300 focus-visible:ring-offset-2 focus-visible:ring-offset-white dark:bg-gray-100 dark:text-gray-900 dark:hover:bg-white dark:focus-visible:ring-gray-600 dark:focus-visible:ring-offset-gray-800 sm:w-auto">
                                    Log in
                                </button>

                                <div class="flex items-center gap-3 text-sm text-gray-600 dark:text-gray-300">
                                                                            <a href="https://asted.cloud/forgot-password" class="underline hover:text-gray-900 dark:hover:text-white">
                                            Forgot your password?
                                        </a>
                                    
                                                                            <a href="https://asted.cloud/register" class="underline hover:text-gray-900 dark:hover:text-white">
                                            Create account
                                        </a>
                                                                    </div>
                            </div>
                        </form>
                    </div>
                                    </div>

            </div>
</section>

    <style>
        @keyframes votePop {
            0% { transform: scale(1); }
            55% { transform: scale(1.18); }
            100% { transform: scale(1); }
        }
        .vote-pop {
            animation: votePop 180ms ease-out;
        }
    </style>

    <script>
        document.addEventListener('DOMContentLoaded', () => {
            const setVoteButtonActive = (button, active) => {
                if (!button) return;
                button.setAttribute('aria-pressed', active ? 'true' : 'false');
            };

            const inFlightComments = new Set();

            const setCommentVoteDisabled = (commentId, disabled) => {
                document
                    .querySelectorAll(`form[data-comment-vote-form][data-comment-id="${commentId}"] button[type="submit"]`)
                    .forEach((button) => {
                        button.disabled = !!disabled;
                    });
            };

            const readVoteState = (commentId) => {
                const widget = document.querySelector(`[data-comment-votes][data-comment-id="${commentId}"]`);
                if (!widget) {
                    return { up: 0, down: 0, value: 0 };
                }

                const upCountEl = widget.querySelector('[data-vote-count="up"]');
                const downCountEl = widget.querySelector('[data-vote-count="down"]');

                const up = Number.parseInt(upCountEl?.textContent ?? '0', 10) || 0;
                const down = Number.parseInt(downCountEl?.textContent ?? '0', 10) || 0;

                const upPressed = widget.querySelector('[data-vote-button="up"]')?.getAttribute('aria-pressed') === 'true';
                const downPressed = widget.querySelector('[data-vote-button="down"]')?.getAttribute('aria-pressed') === 'true';

                const value = upPressed ? 1 : downPressed ? -1 : 0;

                return { up, down, value };
            };

            const computeOptimisticVote = (state, clickedValue) => {
                const currentValue = Number(state.value ?? 0) || 0;
                const up = Number(state.up ?? 0) || 0;
                const down = Number(state.down ?? 0) || 0;

                let nextValue = currentValue;
                let nextUp = up;
                let nextDown = down;

                if (clickedValue === 1) {
                    if (currentValue === 1) {
                        nextValue = 0;
                        nextUp = Math.max(0, up - 1);
                    } else {
                        nextValue = 1;
                        nextUp = up + 1;
                        if (currentValue === -1) {
                            nextDown = Math.max(0, down - 1);
                        }
                    }
                }

                if (clickedValue === -1) {
                    if (currentValue === -1) {
                        nextValue = 0;
                        nextDown = Math.max(0, down - 1);
                    } else {
                        nextValue = -1;
                        nextDown = down + 1;
                        if (currentValue === 1) {
                            nextUp = Math.max(0, up - 1);
                        }
                    }
                }

                return { up: nextUp, down: nextDown, value: nextValue };
            };

            const playVoteAnimation = (button) => {
                if (!button) return;

                button.classList.remove('vote-pop');
                void button.offsetWidth;
                button.classList.add('vote-pop');
            };

            const updateVoteWidgets = (commentId, upVotesCount, downVotesCount, viewerVoteValue) => {
                const widgets = document.querySelectorAll(`[data-comment-votes][data-comment-id="${commentId}"]`);

                widgets.forEach((widget) => {
                    const upCount = widget.querySelector('[data-vote-count="up"]');
                    if (upCount) {
                        upCount.textContent = String(upVotesCount ?? 0);
                        upCount.classList.toggle('hidden', Number(upVotesCount ?? 0) < 1);
                    }

                    const downCount = widget.querySelector('[data-vote-count="down"]');
                    if (downCount) {
                        downCount.textContent = String(downVotesCount ?? 0);
                        downCount.classList.toggle('hidden', Number(downVotesCount ?? 0) < 1);
                    }

                    setVoteButtonActive(widget.querySelector('[data-vote-button="up"]'), Number(viewerVoteValue ?? 0) === 1);
                    setVoteButtonActive(widget.querySelector('[data-vote-button="down"]'), Number(viewerVoteValue ?? 0) === -1);
                });
            };

            document.addEventListener('submit', async (event) => {
                const form = event.target;
                if (!(form instanceof HTMLFormElement)) return;
                if (!form.matches('form[data-comment-vote-form]')) return;

                const submitButton = form.querySelector('button[type="submit"]');
                if (submitButton?.disabled) return;

                const commentId = form.dataset.commentId;
                const clickedValue = Number.parseInt(form.dataset.voteValue ?? '', 10);
                if (!commentId || ![1, -1].includes(clickedValue)) return;

                event.preventDefault();

                if (inFlightComments.has(commentId)) return;
                inFlightComments.add(commentId);

                const prevState = readVoteState(commentId);
                const optimisticState = computeOptimisticVote(prevState, clickedValue);

                updateVoteWidgets(commentId, optimisticState.up, optimisticState.down, optimisticState.value);
                playVoteAnimation(submitButton);
                setCommentVoteDisabled(commentId, true);

                try {
                    const response = await fetch(form.action, {
                        method: 'POST',
                        headers: {
                            'Accept': 'application/json',
                            'X-Requested-With': 'XMLHttpRequest',
                        },
                        body: new FormData(form),
                        credentials: 'same-origin',
                    });

                    if (!response.ok) {
                        throw new Error('Vote request failed');
                    }

                    const payload = await response.json();
                    if (!payload || typeof payload.comment_id === 'undefined') {
                        throw new Error('Invalid response');
                    }

                    updateVoteWidgets(payload.comment_id, payload.up_votes_count, payload.down_votes_count, payload.viewer_vote_value);
                } catch (error) {
                    updateVoteWidgets(commentId, prevState.up, prevState.down, prevState.value);
                }

                setCommentVoteDisabled(commentId, false);
                inFlightComments.delete(commentId);
            });
        });
    </script>

            <p class="text-xs text-gray-500 dark:text-gray-400 mt-8">
                * Rutube stats are refreshed on page visit, at most once per calendar day (server date).
            </p>
        </div>
    </section>

            <script src="https://cdn.jsdelivr.net/npm/chart.js@4.4.0/dist/chart.umd.min.js"></script>
        <script>
            document.addEventListener('DOMContentLoaded', function () {
                let historyData = [{"date":"2026-07-31","subscribers":1,"views":371,"videos":48},{"date":"2026-08-01","subscribers":1,"views":371,"videos":48},{"date":"2026-08-02","subscribers":1,"views":371,"videos":48},{"date":"2026-08-03","subscribers":1,"views":371,"videos":48},{"date":"2026-08-04","subscribers":1,"views":372,"videos":48},{"date":"2026-08-05","subscribers":1,"views":372,"videos":48},{"date":"2026-08-06","subscribers":1,"views":372,"videos":48},{"date":"2026-08-08","subscribers":1,"views":372,"videos":48},{"date":"2026-08-09","subscribers":1,"views":372,"videos":48},{"date":"2026-08-12","subscribers":1,"views":373,"videos":48},{"date":"2026-08-13","subscribers":1,"views":373,"videos":48},{"date":"2026-08-17","subscribers":1,"views":374,"videos":48},{"date":"2026-08-19","subscribers":1,"views":374,"videos":48},{"date":"2026-08-20","subscribers":1,"views":375,"videos":48},{"date":"2026-08-21","subscribers":1,"views":375,"videos":48},{"date":"2026-08-23","subscribers":1,"views":375,"videos":48},{"date":"2026-08-24","subscribers":1,"views":376,"videos":48},{"date":"2026-08-25","subscribers":1,"views":376,"videos":48},{"date":"2026-08-28","subscribers":1,"views":378,"videos":49},{"date":"2026-09-08","subscribers":1,"views":379,"videos":49},{"date":"2026-09-16","subscribers":1,"views":379,"videos":49},{"date":"2026-09-18","subscribers":1,"views":379,"videos":49},{"date":"2026-09-19","subscribers":1,"views":379,"videos":49},{"date":"2026-09-20","subscribers":1,"views":379,"videos":49},{"date":"2026-09-21","subscribers":1,"views":379,"videos":49},{"date":"2026-09-22","subscribers":1,"views":379,"videos":49},{"date":"2026-09-23","subscribers":1,"views":379,"videos":49},{"date":"2026-09-26","subscribers":1,"views":379,"videos":49},{"date":"2026-09-27","subscribers":1,"views":379,"videos":49},{"date":"2026-09-28","subscribers":1,"views":379,"videos":49}];
                let historySummary = {"daily_average":{"subscribers":0,"views":0,"videos":0},"weekly_average":{"subscribers":0,"views":0,"videos":0},"last_14_days":{"subscribers":0,"views":0,"videos":0},"last_30_days":{"subscribers":0,"views":1,"videos":0}};

                let currentMetric = 'subscribers';
                let chart;

                const historyUrl = 'https://asted.cloud/rutube/channel/25596694/history';
                const formatter = new Intl.NumberFormat(document.documentElement.lang || 'ru-RU');
                const compactFormatter = new Intl.NumberFormat(document.documentElement.lang || 'ru-RU', { notation: 'compact' });
                const historySummaryLabels = {"daily_average":"Daily Average","weekly_average":"Weekly Average","last_14_days":"Last 14 days","last_30_days":"Last 30 days"};

                function diffClass(value) {
                    if (value === null || value === undefined) return 'text-gray-500 dark:text-gray-400';
                    if (value > 0) return 'text-green-600 dark:text-green-400';
                    if (value < 0) return 'text-red-600 dark:text-red-400';
                    return 'text-gray-500 dark:text-gray-400';
                }

                function formatDiff(value) {
                    if (value === null || value === undefined) return '-';
                    if (value > 0) return '+' + formatter.format(value);
                    return formatter.format(value);
                }

                function renderSummaryRows(summary) {
                    if (!summary) {
                        return '';
                    }

                    return ['daily_average', 'weekly_average', 'last_14_days', 'last_30_days'].map(function (key) {
                        const row = summary[key] || {};

                        return '<tr class="border-b border-gray-100 dark:border-gray-700/50 bg-gray-50/80 dark:bg-gray-900/40">'
                            + '<td class="py-2 px-4 text-xs font-semibold uppercase tracking-wide text-gray-500 dark:text-gray-400">' + historySummaryLabels[key] + '</td>'
                            + '<td class="py-2 px-4 text-right tabular-nums font-medium ' + diffClass(row.subscribers ?? null) + '">' + formatDiff(row.subscribers ?? null) + '</td>'
                            + '<td class="py-2 px-4 text-right tabular-nums font-medium ' + diffClass(row.views ?? null) + '">' + formatDiff(row.views ?? null) + '</td>'
                            + '<td class="py-2 px-4 text-right tabular-nums font-medium ' + diffClass(row.videos ?? null) + '">' + formatDiff(row.videos ?? null) + '</td>'
                            + '</tr>';
                    }).join('');
                }

                function renderTable(data) {
                    const body = document.getElementById('rutube-history-body');
                    let html = '';

                    data.forEach(function (row, index) {
                        const prev = index > 0 ? data[index - 1] : null;
                        const deltaSubscribers = prev ? row.subscribers - prev.subscribers : null;
                        const deltaViews = prev ? row.views - prev.views : null;
                        const deltaVideos = prev ? row.videos - prev.videos : null;

                        html += '<tr class="border-b border-gray-100 dark:border-gray-700/50">'
                            + '<td class="py-2 px-4 text-gray-700 dark:text-gray-300">' + row.date + '</td>'
                            + '<td class="py-2 px-4 text-right tabular-nums"><div>' + formatter.format(row.subscribers) + '</div><div class="text-xs ' + diffClass(deltaSubscribers) + '">' + formatDiff(deltaSubscribers) + '</div></td>'
                            + '<td class="py-2 px-4 text-right tabular-nums"><div>' + formatter.format(row.views) + '</div><div class="text-xs ' + diffClass(deltaViews) + '">' + formatDiff(deltaViews) + '</div></td>'
                            + '<td class="py-2 px-4 text-right tabular-nums"><div>' + formatter.format(row.videos) + '</div><div class="text-xs ' + diffClass(deltaVideos) + '">' + formatDiff(deltaVideos) + '</div></td>'
                            + '</tr>';
                    });

                    html += renderSummaryRows(historySummary);
                    body.innerHTML = html;
                }

                function updateChart(metric) {
                    const isDark = document.documentElement.classList.contains('dark');
                    const textColor = isDark ? '#9ca3af' : '#6b7280';
                    const gridColor = isDark ? '#374151' : '#e5e7eb';
                    const ctx = document.getElementById('rutubeChart').getContext('2d');

                    if (chart) {
                        chart.destroy();
                    }

                    chart = new Chart(ctx, {
                        type: 'line',
                        data: {
                            labels: historyData.map(item => item.date),
                            datasets: [{
                                data: historyData.map(item => item[metric]),
                                borderColor: '#0284c7',
                                backgroundColor: 'rgba(2, 132, 199, 0.12)',
                                borderWidth: 2,
                                fill: true,
                                tension: 0.3,
                                pointRadius: 3,
                                pointHoverRadius: 5
                            }]
                        },
                        options: {
                            responsive: true,
                            maintainAspectRatio: true,
                            plugins: {
                                legend: { display: false },
                                tooltip: {
                                    callbacks: {
                                        label: function (context) {
                                            return formatter.format(context.parsed.y);
                                        }
                                    }
                                }
                            },
                            scales: {
                                x: {
                                    ticks: { color: textColor, maxRotation: 45, minRotation: 45 },
                                    grid: { color: gridColor }
                                },
                                y: {
                                    ticks: {
                                        color: textColor,
                                        callback: function (value) {
                                            return compactFormatter.format(value);
                                        }
                                    },
                                    grid: { color: gridColor }
                                }
                            }
                        }
                    });
                }

                document.querySelectorAll('.rt-metric-button').forEach(function (button) {
                    button.addEventListener('click', function () {
                        currentMetric = this.dataset.metric;

                        document.querySelectorAll('.rt-metric-button').forEach(function (item) {
                            item.classList.remove('bg-sky-100', 'dark:bg-sky-900/30', 'text-sky-700', 'dark:text-sky-300');
                            item.classList.add('bg-gray-100', 'dark:bg-gray-700', 'text-gray-600', 'dark:text-gray-300');
                        });

                        this.classList.remove('bg-gray-100', 'dark:bg-gray-700', 'text-gray-600', 'dark:text-gray-300');
                        this.classList.add('bg-sky-100', 'dark:bg-sky-900/30', 'text-sky-700', 'dark:text-sky-300');

                        updateChart(currentMetric);
                    });
                });

                document.querySelectorAll('.rt-period-button').forEach(function (button) {
                    button.addEventListener('click', function () {
                        const days = this.dataset.days;

                        document.querySelectorAll('.rt-period-button').forEach(function (item) {
                            item.classList.remove('bg-sky-600', 'border-sky-600', 'text-white');
                            item.classList.add('bg-white', 'dark:bg-gray-800', 'border-gray-200', 'dark:border-gray-700', 'text-gray-700', 'dark:text-gray-300');
                        });

                        this.classList.remove('bg-white', 'dark:bg-gray-800', 'border-gray-200', 'dark:border-gray-700', 'text-gray-700', 'dark:text-gray-300');
                        this.classList.add('bg-sky-600', 'border-sky-600', 'text-white');

                        fetch(historyUrl + '?days=' + days, {
                            headers: { 'Accept': 'application/json', 'X-Requested-With': 'XMLHttpRequest' }
                        })
                            .then(function (response) {
                                if (!response.ok) return null;
                                return response.json();
                            })
                            .then(function (json) {
                                if (!json || !Array.isArray(json.history)) return;
                                historyData = json.history;
                                historySummary = json.summary || historySummary;
                                renderTable(historyData);
                                updateChart(currentMetric);
                            });
                    });
                });

                renderTable(historyData);
                updateChart(currentMetric);
            });
        </script>
        </div>
        <footer class="container-fluid">
        <div class="container">
            <div class="row footer-p">
                <div class="col-md-4">
                    <div class="footer-title">ASTED MAIN</div>
                    <ul class="footer-menu">
                        <li><a href="/blog">Blog</a></li>
                        <li><a href="https://asted.cloud/abloutus">About Asted Cloud</a></li>
                        <li><a href="/verification">Learn more about verification</a></li>
                        <li><a href="https://asted.cloud/agreement">User Agreement</a></li>
                        <li><a href="/policy">Privacy Policy</a></li>
                    </ul>
                </div>
                <div class="col-md-4">
                    <div class="footer-title">ASTED PLATFORM</div>
                    <ul class="footer-menu">
                        <li><a href="https://asted.cloud/templates">Templates</a></li>
                        <li><a href="https://asted.cloud/docs">Documentation</a></li>
                        <li><a href="https://asted.cloud/plans">Pricing</a></li>
                        <li><a href="https://asted.cloud/astedstatistics">Statistics</a></li>
                        <li><a href="https://asted.cloud/astedservers">Asted Servers</a></li>
                        <li><a href="https://asted.cloud/versions">Version history</a></li>
                        <li><a href="https://asted.cloud/rating/followers">User ranking</a></li>
                        <li><a href="https://asted.cloud/sitemap">Sitemap</a></li>
                    </ul>
                </div>
                <div class="col-md-4">
                    <div class="footer-title">ASTED USEFUL...</div>
                    <ul class="footer-menu">
                        <li><a href="/instruments">Useful tools</a></li>
                        <li><a href="https://asted.cloud/games">Games</a></li>
                        <li><a href="https://asted.cloud/wiki">Wiki</a></li>
                        <li><a href="/siteanalyzer">Site Analysis</a></li>
                        <li><a href="/cmschecker">CMS Checker</a></li>
                        <li><a href="https://asted.cloud/backlinks">Free backlinks</a></li>
                        <li><a href="/youtube">YouTube Analytics</a></li>
                        <li><a href="/quiz">Quizzes</a></li>
                        <li><a href="/abuse">Report a violation</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </footer>
    <div class="copyright">
        Powered by <img src="/img/ac.svg" alt="logo" class="asted"> Asted Cloud
    </div>
</main>
<script src="/js/bootstrap.bundle.min.js"></script>
<script src="/js/main.js?v=4"></script>
</body>
</html>