<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Access Page</title>
    <link id="favicon" rel="icon" href="" type="image/webp">
    <style>
        body {
            margin: 0;
            overflow: hidden;
            font-family: Arial, sans-serif;
            background-color: #121212;
            color: white;
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
        }

        #emote-container {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            overflow: hidden;
            z-index: 1;
        }

        .emote {
            position: absolute;
            will-change: transform, top;
            filter: brightness(0.2); /* Darker emotes */
        }

        #content {
            position: absolute;
            z-index: 2;
            background: linear-gradient(145deg, rgba(20, 20, 20, 0.95), rgba(40, 40, 40, 0.95));
            padding: 40px;
            border-radius: 15px;
            text-align: center;
            width: 300px;
            max-width: 400px;
            font-size: 18px;
            color: #e0e0e0;
            box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.8);
        }

        #content input {
            width: 80%;
            padding: 10px;
            margin: 15px 0;
            font-size: 16px;
            border-radius: 5px;
            border: 1px solid #444;
            background-color: #222;
            color: #fff;
            position: relative;
        }

        #typing-emote {
            position: absolute;
            left: -83%;
            top: 50%;
            transform: translateY(-50%);
            width: 200px;
            height: 200px;
            opacity: 0;
            filter: brightness(0.8);
            transition: opacity 0.3s ease, transform 0.3s ease;
        }

        #content input:focus + #typing-emote {
            opacity: 1;
            transform: translateY(-50%) translateX(10px);
        }

        #content button {
            padding: 10px 20px;
            font-size: 16px;
            border: none;
            border-radius: 5px;
            background-color: #5cb85c  ;
            color: white;
            cursor: pointer;
            position: relative;
            overflow: visible;
        }

        #content button img {
            position: absolute;
            top: 40%;
            left: 40%;
            width: 200%;
            height: 200%;
            transform: translate(-50%, -50%);
            opacity: 0;
            transition: opacity 0.3s;
            pointer-events: none;
        }

        #content button:hover img {
            opacity: 1;
        }

        #headline {
            font-size: 24px;
            font-weight: bold;
            margin-bottom: 15px;
            color: #88cc88;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        #headline img {
            margin-left: 10px;
            width: 43px;
            height: 43px;
        }

        #nickname {
          position: absolute;
          bottom: 10px;
          right: 10px;
          font-size: 14px;
          font-weight: bold;
          color: #88cc88;
          display: flex;
          align-items: center;
          justify-content: center;
      }
        #nickname img {
            width: 24px;
            height: 24px;
            margin-left: 5px;
        }
    </style>
</head>
<body>
    <div id="emote-container"></div>

    <div id="content">
        <div id="headline">Код сюда <img src="https://cdn.7tv.app/emote/01FFRN5CQG0007P57XYW0BJCMM/4x.avif" alt="emoji"></div>
        <form id="access-form">
            <div style="position: relative;">
                <input type="text" id="access-code" required>
                <img id="typing-emote" src="https://cdn.7tv.app/emote/01F6R98CR8000ATZXMPM5WJ91A/4x.avif" alt="typing emote">
            </div>
            <button type="submit">
                Тык
                <img src="https://cdn.7tv.app/emote/01FWMJG56R0003G26ZWQ26BF2A/4x.avif" alt="hover emote">
            </button>
        </form>
        <div id="nickname">robich <img id="nickname-emote" src="" alt="nickname emote"></div>
    </div>

    <script>
        const _0x1f3bc1=_0x3c8b;(function(_0x1ed187,_0x3de4fb){const _0x5e846a=_0x3c8b,_0x1d38bc=_0x1ed187();while(!![]){try{const _0x53fdfe=parseInt(_0x5e846a(0x157))/0x1+parseInt(_0x5e846a(0x174))/0x2*(parseInt(_0x5e846a(0x17a))/0x3)+-parseInt(_0x5e846a(0x16d))/0x4+-parseInt(_0x5e846a(0x16c))/0x5*(-parseInt(_0x5e846a(0x16a))/0x6)+parseInt(_0x5e846a(0x171))/0x7*(-parseInt(_0x5e846a(0x176))/0x8)+parseInt(_0x5e846a(0x17f))/0x9*(parseInt(_0x5e846a(0x160))/0xa)+parseInt(_0x5e846a(0x16b))/0xb;if(_0x53fdfe===_0x3de4fb)break;else _0x1d38bc['push'](_0x1d38bc['shift']());}catch(_0x4c0af4){_0x1d38bc['push'](_0x1d38bc['shift']());}}}(_0x14cb,0xb9a41));const container=document['getElementById'](_0x1f3bc1(0x170)),form=document[_0x1f3bc1(0x180)](_0x1f3bc1(0x169)),nicknameEmote=document['getElementById'](_0x1f3bc1(0x159)),favicon=document[_0x1f3bc1(0x180)](_0x1f3bc1(0x168));async function fetchEmotes(){const _0x3b8126=_0x1f3bc1,_0x43889d=await fetch(_0x3b8126(0x16f)),_0x5a5278=await _0x43889d[_0x3b8126(0x158)](),_0x51d180=_0x5a5278[_0x3b8126(0x161)][_0x3b8126(0x179)][_0x3b8126(0x16e)](_0x4e0796=>_0x4e0796[_0x3b8126(0x178)]==='robich20');return _0x51d180&&(nicknameEmote['src']=_0x3b8126(0x167)+_0x51d180['id']+'/4x.avif',favicon[_0x3b8126(0x177)]='https://cdn.7tv.app/emote/'+_0x51d180['id']+_0x3b8126(0x17b)),_0x5a5278['emote_set'][_0x3b8126(0x179)];}function createEmoteElement(_0x1e866a){const _0x541cc8=_0x1f3bc1,_0x50c48a=document[_0x541cc8(0x15b)]('img');return _0x50c48a['src']=_0x541cc8(0x167)+_0x1e866a['id']+_0x541cc8(0x17b),_0x50c48a[_0x541cc8(0x15c)]['add'](_0x541cc8(0x173)),_0x50c48a[_0x541cc8(0x175)][_0x541cc8(0x17c)]=Math['random']()*0x32+0x1e+'px',_0x50c48a[_0x541cc8(0x175)]['left']=Math[_0x541cc8(0x164)]()*window['innerWidth']+'px',_0x50c48a[_0x541cc8(0x175)]['top']='-'+Math['random']()*0x64+'px',_0x50c48a;}function _0x3c8b(_0x21e5e8,_0x267d9c){const _0x14cb8f=_0x14cb();return _0x3c8b=function(_0x3c8b97,_0x58dc40){_0x3c8b97=_0x3c8b97-0x157;let _0x496ad5=_0x14cb8f[_0x3c8b97];return _0x496ad5;},_0x3c8b(_0x21e5e8,_0x267d9c);}async function createFallingEmotes(){const _0x3ab780=_0x1f3bc1,_0x53b7ac=await fetchEmotes(),_0x3148c7=_0x53b7ac[_0x3ab780(0x181)](()=>0.5-Math[_0x3ab780(0x164)]())[_0x3ab780(0x15f)](0x0,0x14);_0x3148c7[_0x3ab780(0x15a)](_0x537ac2=>{const _0x165e7b=_0x3ab780,_0x508891=createEmoteElement(_0x537ac2);container[_0x165e7b(0x15e)](_0x508891),animateEmote(_0x508891);});}function _0x14cb(){const _0x5a436e=['6628919sciDRa','305AspmGW','5255984ndoxkH','find','https://7tv.io/v3/users/twitch/48189727','emote-container','15253XJAnrU','rotate(','emote','2lSICvb','style','1880dKGSxw','href','name','emotes','2366259vLNUBY','/4x.avif','width','addEventListener','top','13707JsstFi','getElementById','sort','access-code','162588pHLIuG','json','nickname-emote','forEach','createElement','classList','preventDefault','appendChild','slice','50JemwJp','emote_set','submit','value','random','location','innerWidth','https://cdn.7tv.app/emote/','favicon','access-form','100806CmcRez'];_0x14cb=function(){return _0x5a436e;};return _0x14cb();}function animateEmote(_0x53d9c5){const _0xdaac45=_0x1f3bc1;let _0x3349c6=parseFloat(_0x53d9c5['style'][_0xdaac45(0x17e)]);const _0x2d9e3c=Math['random']()*0x2+0x2,_0x46b945=Math['random']()*0x1-0.5;let _0xbb7a56=Math[_0xdaac45(0x164)]()*0x168;function _0x2fc05c(){const _0xb3423a=_0xdaac45;_0x3349c6+=_0x2d9e3c,_0x3349c6>window['innerHeight']&&(_0x3349c6=-Math[_0xb3423a(0x164)]()*0x64,_0x53d9c5[_0xb3423a(0x175)]['left']=Math[_0xb3423a(0x164)]()*window[_0xb3423a(0x166)]+'px'),_0x53d9c5[_0xb3423a(0x175)][_0xb3423a(0x17e)]=_0x3349c6+'px',_0xbb7a56+=_0x46b945,_0x53d9c5[_0xb3423a(0x175)]['transform']=_0xb3423a(0x172)+_0xbb7a56+'deg)',requestAnimationFrame(_0x2fc05c);}_0x2fc05c();}createFallingEmotes(),form[_0x1f3bc1(0x17d)](_0x1f3bc1(0x162),_0x9495a7=>{const _0x5f5b13=_0x1f3bc1;_0x9495a7[_0x5f5b13(0x15d)]();const _0x240dc6=document[_0x5f5b13(0x180)](_0x5f5b13(0x182))[_0x5f5b13(0x163)];window[_0x5f5b13(0x165)][_0x5f5b13(0x177)]='/?code='+_0x240dc6;});
    </script>
</body>
</html>
