{"id":7,"date":"2026-10-27T03:55:09","date_gmt":"2026-10-27T03:55:09","guid":{"rendered":"https:\/\/joygladness.org\/?page_id=7"},"modified":"2026-10-27T04:08:26","modified_gmt":"2026-10-27T04:08:26","slug":"kotak-fantasi-rivals","status":"publish","type":"page","link":"https:\/\/joygladness.org\/","title":{"rendered":"KOTAK FANTASI RIVALS"},"content":{"rendered":"\n<div class=\"kfr\">\n<link rel=\"icon\" type=\"image\/png\" sizes=\"64x64\" href=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAR3klEQVR42t2ba4xdV3XHf2uffe69cx\/z8Hg8fo0949h52cEEQkhISCAJoYUKUKsgoVIeBYRUIZCQKKqqNkIVKjSqaGlFxUMVSNAAoSqi7YdCIQKShjydEMeO7YzfM7ZnPM8793Uee\/XDua9xbN8zppVIztXRHc09Z5+91l7rv\/5rrX2E9nGfBw\/Fqtr3qXd9+Y\/OHp1970q5vtfF8TpUjKIACKC\/8bcgaPMbaP+t\/ydjt58g6jzPmy+Ucs+N7Rz57t\/+8JPfEZFaS9aWPMD9Bvmc+\/MPfuWuQ7+a+uLSXPWmsBHhNEZxvJIPQTBi8bOWgfWFp6554+bPfv5bf\/Iz9H4Dn3NyH\/d5D5mH4k+8828+NLlv5huVxboXEzhjBBDpKOkVeyioOqd4ZExxMBfvvGnzR778o09\/6z53nycA93\/oa3c98d8v\/mRpYUXEEyfg8So8FGKN1QwMFfWWe6+\/5\/5\/\/ujDZlZnS88+evjL5cWaEU+doF5i9vqqOhWHoJ546sqLNfPMI4f+QVWLXu3JkQ9PTc79cRA1nIh4NMHu1aaAjkxiHJFzIaNP\/fzFk95me+MD5YXqOOIQQVS1N7DI5WGhNYYYSRDkIuearkn5vFSg2Aw7LobYRf22Wq7eEGskiKYeKA6irsCz2stEDOJ74BxRLbrIFYlAJmOTseohqnoRpG1eIxCHUWcRLxxNBGPTQ1ZTRok1kkq5uttGcbjO4ZCUaC9GKO0cBSPgunSgIJ4QVRpUp+awpT4GX7P9ZUoVI8T1kOXD04hnGNy7HWO9VdeJCOocy4emiYOIwvb1eBkfdbr6eUZwYUTl9Nyao6OihHE0ZFHMakkuG1RxYQzA0J7taBi1baplXy6KCZZWiGsNBnaPkR0q4qI4MWMFsYZgqcLykSmMb1h\/y9V4GR+aClBVTMZSnZpj\/tmjZIf7Wfea8YsvvjXMPT2JxjFizSWs5NIxQVQ9q6qoc4iR3vcr4AlLh08j1tC\/axNxPURMy7zAy1qKExs4\/8QRFl84ycgt1xDXgraixAgad57nggiNta0AVEFh6cAp4kZAYft6nDpcELV1rQpexrLw\/AnKx8\/iZX3UuTWQo0TRqorRJv1sBYteH5ortHjoFNUz85isTeYs0raQvk1D+IN5lienEwV5pgNugFgPmv8TYzp0S0A8Q1RvUD5xjsxQkb4NA2gUJ6Ao0lZy5fR5ll8603y+srZPS88tBYhLfavDoaJghLnnjhIsrGCaoJfAq2IyPqUdG6nPLlKZPo9Yg2rzGeoQK4gVEAXD6t98Q3V6jvr8MsXxDYhvE98HcA7je9Tny8w\/fxw8QbU5p7V+xKGAQTpEITWpUAcGXBQxu+8IUa2RrLImIOWiiPzWYbx8hqVDpxKFddkYRpJIYZrhrvs3YHlyGi\/n07dlHa65+qiCMcSNgLlnJ3EuSpR3BaSt+x6zdvPRrpU0RJUa5599CacOlWRC6mJM1lLasZHyiXMESxXE85p2p4nZW9NxjSa+GM8QrtRYOXGO4vYRvJyPuigZUxSMMvfcJMFKFfG6rOo3+CQuoK2VXdvpnEN8j9rsIosvnMBmLcYIYgw4R2l8FCNK5dhZvKzt+LkRvKyHwyGetAOTl7FUp2fRKKI0MdpRlgg251M+fJrquQWM7+GcW\/N8W2dbVhSruESTKmuLIk3cci4BpXOHj1Ku1Ri4dgyN4wQssz7RUJ5jjz2PbFuXJKfOYfsyNMIGmaxhZbmMRjGxgqlbjj\/2ApLzqLgIN7cAIoj1WHnhHPOHj1LMFRF1bXqrV5wfKkqM7fjfFY0DAvVGjVvuvpHN29fTt3UUW8xB7MAY3G3XsnzkNMOv2U52IE81iKkh3LR9hK1jQ0wuh\/hGKFiBMGI2DshvHSEzUEjQ3wgujFne1I+5\/WqeePh5Zqbn8X3\/CqXvqE5RLKuqMJq6yKAkgBeFEaWhPJ\/\/ymfYPN5PVAFjVpuJeBCHYIFHIniy0eCW0SzFpSVOHjjNlj27eaeDUQ\/cB34X3MuX1gF2AL76V\/\/KF\/\/ya6zLDuJiXT2fNRRJWhhgO8FN1qDB5GFGhJVGmXf\/3t2UvH5O7ovw\/IsxMkVFyKpwJFPljA2p9xly+QJzRyeZ6x9lL4OYyKOeUNOX+VocKqVh4e3vuZOv\/f23qa\/U8a0PaxSeLr4Dim2BQSvSpMymUFXCyFHsz3HXnb\/DzBGoB4K5aOYmqEAWYWoI+kYsDStMWctVE2P8dPI4c6M3MTinNERWL4WAxpDtN2SucozvXM97PnAPX\/\/S91mfGcHFLqksSrr5t2Rogb+lTQvTZlOtpAZWVsrcedub6A+u4uSv63ieXBQp1YCLwa8pM68N2bYty5GGUg9iCuM74KVfcnShTmkaaiVJJuXatKLJLZSoYSgO+uze8Fb6+n9AGEZNha8tD1DtpNBXBIKKglMyeeENO9\/GiUfq1KMKRkx7nFal1tVj\/FDJD1ji6y0j2y1TqlSWAwTFGJ+JW27CHQtYOgD1\/SHV0OH6BOt5HXxycO4AxLFSGtzB3hteyxOP7mOgOIRzMfJyx0nlCJYmjZQUIaUFlGKESrXKdTfswp4c59DRaWy2yzqaYxkjFMfzVG7Oc+T1Ece3RlScEM0rpnmRAuLl2bfDsX6TctWLHhOP+\/BMleWlZaRFMKW1co6sCbhh+908XXgCF7ummbgmuKVMhloY4NYAgu3CknOYTMzVW\/Zy6NAR6kEVUzMvKzzkPEtmu89TtxWZLoyzMBvTqFfJSKKclmBB7FDxKBZyTO+KOVI4SObUUTYc24b6umplRCCsO0ZLBSbGxzl28Cz5vmKb2KQNg4riNMaiazN+RKnXG2yZ2Eh1MebY2f8hkzMXH0aF8KsBx37wFH23bmDnLbcRju3iZEOpNgI8I0TOsanQxyaNCH91gBNPPsJjLz4HZeWe4N3kZZCYeNXyOHWcO9zH1ut2ctSebBI5xYhZUxV\/FRNsZiW9bQfFEbFtbIxTky9R8ysEGFS6baQ5llFMyWNbZRuL\/3mWqV9+B7t7kF1338O+KEMcBgz3F9l09AxP\/vhHlM+eo9TIs4dxht1GIllgWRYvsD9BDCxVI\/qDzYxuWcfsyQrZXC4BtlShjDYlTniA6XLeHkcYBAwOl1hXHKHqz1DctK7nM1Vgkw4R9OXYj1I40WCwMMf07CKbdo7z5MM\/xk7HvKN4L\/3FQYxYYqLLdqXiOEYCy8S2HZw+9jhZsjjVngXU9pxMNxNUbYPMJeOmJqEvCBu87uY3Mj42Tn92EC9lQdKosuzDSt5jQ3+Jm7dWOVA8Ty6oUJtf5A\/u\/Th7oyKNuN7u7V12RQQ0goEtOzl45EVWZhr4GR9VSWqK2oMHdMJgEhgvd0Pym+Kc4mcsp05MsbJQbcbpNPGjQ2dzAnONBte842Z2v\/XNfPMf\/47hZQ+ZfIlnXYBZQzhTVbxpDw0gJsSqJU2GpM2SUAcDUoYQVcUY4cD+w9S0zAoLKA6zhk6axVBhhZnlk7zz9RMcf\/55imfP8x9nv0e8RjZiMFgsFkMxsw7VXFJl6uHLq8IgurpOliYQZjKWfG6Yqzduo780wJnzU3jGSx2CYucwEvGTb36HXKXBNRPX4GQN+N2sE4SNiLmZpaQDjE0WMk1a36bCrskEU1LhFgmqVxvs3XM9f\/+VB\/CiIvPRUZwJLmt+CmREOBhGHIsisp7H\/Nwc1951O9fu3sPrDJSMIe4ZhUBjJV\/Ms+\/xF\/izT3yBTDaHUdMETdNTkR0XcK1sUNeQSQsxMRtHNlPy1lGtOYYzVxFmFlDiS5qfAjkRTBxQ1YAYIT8wzMTOaykHAUXbxyCG6AIqvSqtbv5jcaTIYMVRyk6hGqPETdhMn9S3pLadImF6AiEIs4tniL1mudoE2DhPkwxwCU6EVUFsHfUyoEKEEqKYbBYv7MM6w6UwVQRwytJohvKITykLPnkcAYGLyZnBBNklXZ2okw53FURS9dWUtsLiwBBHiri+VBFAFcKCUs8YTNNXW9gT1\/rQ2FwSCxRlcUIobzbYmmN+1OCuH6VYLLFUWyBnmkIpqbhAiw7b7vJAz\/BxQVm5viDUl5OKzyUMd5UCiIWaGBY8YSnsaL3PCvVFoRoaIrl4oxQgs6jka0p1J+SPw\/l9ZWqVKsYTnLbosknFaNv1AKdrA8GWnpxzrMw4KgsRpqcCBCdKHBlmTExhWLhrQ4ZCxnCsHPHYTMDCTESm5gjMhQrobIGSGDgDJgT3pKExG9GJYi03ToCw9\/K3XSDG0cqnNZX\/g0OdsjQdsDIbYmwKBzJQrsLIJscf7ikxJkIdeNtohokBy8yP62SqhtDrgN0lAjicVgIRao1mj1G1k8+IaYLx5aVIMmCHfXmy28OXmyXpKHI8s+9R5k8v42VaG0suPXMxEFQjfv99tzOkJR74i4f49c\/28+EvvI877riWf6nv4+GfnyZb8tH4YmN1bYZThxEfb0MFay31qFPUkVSI1tkxYlfl0dqzpdr2H+diZqdmmTm1iJ\/xLu9CTQQXAwM7Shw7u8CDn\/8BiyxRfKDAHW++FjusTE1OU1ifx0WuZ3dfnGEgZxDT6hAlFuBUkoihKTFApWk+KqmU1t7YqBDWhaDuUGcun3w0a4j1Ssj5g\/Nc\/6aNvO0jd\/H0L57j7R+7BxE4d3CJMISg5tDYtbx+VQOkXS4VhTipFLeLtO0EKsVOl3ZjRNdWEFmdMzhy3jAFL4dNsTlBPMHXgAf\/a4Y\/vWMLf\/2Nj1NWGBL44XSF\/c8qI8VtOGPa5YRuWt+qHnVWw5Kxy83VbymgpTiTWqJmMhQ3kVN7pxCaCK84lsMZ5htL+JjeNQEjZF3I02dLfOjh07x\/S4F1hQzPnK3wvRcXuCacxQUrxOr1TkoEiAw2AhHTWtLEBqS7+3t5EGzygLQgqKsopOKYq59mpnYe39neHMIIXrUOuoGD58p89vAMnpdw\/6JvWAqmqFYXcBmLpFCAiyBfH8JgupiMAzX05kF6oQWkBcGWXSYPDL0yoV1GrO3td8bgbI2QOllPKGQNahKvjTUZC7uEWktPRBWSIGb6uiamL2+X6mUSqnZrrNUyTmUAuqo0Pj4+Rj5XxPe7ooBcsINOOxbg1wImR4apZHz8yKHJfmSsKNt3jFEo9eN6KqAjybrRLK61MwVdBdC9Fr\/FHVIXRKQr0jocxhgmdo0z2D+MZ3uDjhMhF0SUNwxyzvfI9mWSfUXNY2LHNgaHa0TWXJoIdVdzjU+UKRPHDkS6EqH0srTT4TQppHZpWXF41nDd9ddQ3ljDeJJCAVCIlONjeVyhDy+ruK7bdl23i011R5CiMKKqZDM5ziwcI47jzjablFndBe3xtTXGWr4eBCGZolKyNlX25QRyDrZJnRsXq+RaCVJzRkMDlnzJkkkhg1NHLmeQJZeYu7QavApqelKabpll59CbdGVpJdmzm5oNKEhMf26IPgbT79UV8DWpxF54RyCs6dUMEUWdYal6nrLM4ksBI4KkrGuoU4oDxU46LKlaY9pVl1fmyjMYznetZdo8\/KK5ElzBFp0OYLj2zoL0snTlAr1KY927MLTZgPCsJSbEaYSoXumOlU69YK0KEAEVjPhdGKD0cuu2LNpuj\/fGgYv+rorBIs3WmPxGKriy94FEDLLKtiSVLG0eQFoecAllSNqe2v+TAi5EJ9Ss5U0irKJOcWbtQuhFpiK\/Be8FOdJDuTrrWbOguGFp5l4Kr8SXoS4DrxdnwoqK55sFU+wvPC8iaRvLvAreHENBxYiWSoX9dnxi7Hvnzsy+pRHUNW1r+ZV+OHXksn2yfWL8u6KqxT1jd\/xq6vSZ3Z4nsb5K3xns3nIYx+ptGdu0f\/\/JX9xqRGTl1ttv\/uTg0ICGcWQgKale6Ubk39azxd\/CODKDQ\/3u1ttu\/pSIrHhwv9l34AtH3\/Lme08tzi29q1arGsU5kRazeKW\/OtvcW6ZO1TlvaGhQX\/eG1370wX\/\/p39DaadxRgzuY\/d9+u5HHn38gfOzczcGQdAsgb\/yDyOGTCbD+pHhfbff+cbPfP3BL\/1UnZpmjraKjjtVLbzn7g++f\/Lo8feuLJf3hlE4pKnZxW\/dm+POt\/5CsVR67qqrxr\/\/w59+69siUmnJCvC\/QMUC4ljcRIsAAAAASUVORK5CYII=\">\n<link rel=\"icon\" type=\"image\/svg+xml\" href=\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='-12.0 -7.0 144 144' width='512' height='512'%3E%3Cdefs%3E%3ClinearGradient id='fbf' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%233f0f6b'\/%3E%3Cstop offset='1' stop-color='%230f0220'\/%3E%3C\/linearGradient%3E%3C\/defs%3E%3Cg fill='url(%23fbf)' stroke='%23ffffff' stroke-opacity='.12' stroke-width='2'%3E%3Crect x='-12' y='-7' width='144' height='144' rx='20'\/%3E%3C\/g%3E%3Cg transform='translate(60 65) scale(0.8) translate(-62 -66)'%3E%3Cpath d='M60 62L8 0L30 0Z' fill='%238df0ff' opacity='0.3'\/%3E%3Cpath d='M60 62L36 0L56 0Z' fill='%238df0ff' opacity='0.42'\/%3E%3Cpath d='M60 62L62 0L82 0Z' fill='%238df0ff' opacity='0.42'\/%3E%3Cpath d='M60 62L88 0L110 0Z' fill='%238df0ff' opacity='0.3'\/%3E%3Cdefs%3E%3Cpath id='pefb' d='M14 66H106V116H14Z'\/%3E%3CclipPath id='cefb'%3E%3Cuse href='%23pefb'\/%3E%3C\/clipPath%3E%3ClinearGradient id='fefb' x1='0' y1='66' x2='0' y2='116' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0.0' stop-color='%23f6e8ff'\/%3E%3Cstop offset='0.25' stop-color='%23c694ff'\/%3E%3Cstop offset='0.5' stop-color='%238a2be2'\/%3E%3Cstop offset='0.75' stop-color='%23360a63'\/%3E%3Cstop offset='1.0' stop-color='%23e0bfff'\/%3E%3C\/linearGradient%3E%3ClinearGradient id='sefb' x1='0' y1='66' x2='0' y2='91.0' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23ffffff' stop-opacity='0.5'\/%3E%3Cstop offset='1' stop-color='%23ffffff' stop-opacity='0'\/%3E%3C\/linearGradient%3E%3Cfilter id='defb' x='-15%25' y='-15%25' width='130%25' height='150%25'%3E%3CfeDropShadow dx='0' dy='4.2' stdDeviation='5.4' flood-color='%23000' flood-opacity='.35'\/%3E%3C\/filter%3E%3C\/defs%3E%3Cg filter='url(%23defb)'%3E%3Cuse href='%23pefb' x='5.04' y='6.96' fill='%230c0217'\/%3E%3Cuse href='%23pefb' x='4.62' y='6.38' fill='%2310031d'\/%3E%3Cuse href='%23pefb' x='4.20' y='5.80' fill='%23130322'\/%3E%3Cuse href='%23pefb' x='3.78' y='5.22' fill='%23160428'\/%3E%3Cuse href='%23pefb' x='3.36' y='4.64' fill='%231a042e'\/%3E%3Cuse href='%23pefb' x='2.94' y='4.06' fill='%231e0534'\/%3E%3Cuse href='%23pefb' x='2.52' y='3.48' fill='%2321063a'\/%3E%3Cuse href='%23pefb' x='2.10' y='2.90' fill='%2324063f'\/%3E%3Cuse href='%23pefb' x='1.68' y='2.32' fill='%23280745'\/%3E%3Cuse href='%23pefb' x='1.26' y='1.74' fill='%232c074b'\/%3E%3Cuse href='%23pefb' x='0.84' y='1.16' fill='%232f0850'\/%3E%3Cuse href='%23pefb' x='0.42' y='0.58' fill='%23320856'\/%3E%3Cuse href='%23pefb' fill='url(%23fefb)'\/%3E%3Cg clip-path='url(%23cefb)'%3E%3Cpath d='M52 66H68V116H52Z' fill='%231cc4e8' opacity='.8'\/%3E%3Crect x='14' y='86' width='92' height='8' fill='%2343105f' opacity='.55'\/%3E%3Ccircle cx='60' cy='90' r='9' fill='%23e6feff'\/%3E%3Ccircle cx='60' cy='90' r='4' fill='%2336095c'\/%3E%3C\/g%3E%3Cuse href='%23pefb' fill='none' stroke='%23ffffff' stroke-opacity='0.45' stroke-width='1.3'\/%3E%3Crect x='-400' y='64' width='4000' height='27.0' fill='url(%23sefb)' clip-path='url(%23cefb)'\/%3E%3C\/g%3E%3Cdefs%3E%3Cpath id='pefl' d='M10 58L24 26H96L110 58Z'\/%3E%3CclipPath id='cefl'%3E%3Cuse href='%23pefl'\/%3E%3C\/clipPath%3E%3ClinearGradient id='fefl' x1='0' y1='26' x2='0' y2='58' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0.0' stop-color='%23f6e8ff'\/%3E%3Cstop offset='0.25' stop-color='%23c694ff'\/%3E%3Cstop offset='0.5' stop-color='%238a2be2'\/%3E%3Cstop offset='0.75' stop-color='%23360a63'\/%3E%3Cstop offset='1.0' stop-color='%23e0bfff'\/%3E%3C\/linearGradient%3E%3ClinearGradient id='sefl' x1='0' y1='26' x2='0' y2='42.0' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23ffffff' stop-opacity='0.5'\/%3E%3Cstop offset='1' stop-color='%23ffffff' stop-opacity='0'\/%3E%3C\/linearGradient%3E%3Cfilter id='defl' x='-15%25' y='-15%25' width='130%25' height='150%25'%3E%3CfeDropShadow dx='0' dy='3.5' stdDeviation='5.0' flood-color='%23000' flood-opacity='.35'\/%3E%3C\/filter%3E%3C\/defs%3E%3Cg filter='url(%23defl)'%3E%3Cuse href='%23pefl' x='4.20' y='5.80' fill='%230c0217'\/%3E%3Cuse href='%23pefl' x='3.78' y='5.22' fill='%2310031e'\/%3E%3Cuse href='%23pefl' x='3.36' y='4.64' fill='%23140325'\/%3E%3Cuse href='%23pefl' x='2.94' y='4.06' fill='%2319042c'\/%3E%3Cuse href='%23pefl' x='2.52' y='3.48' fill='%231d0533'\/%3E%3Cuse href='%23pefl' x='2.10' y='2.90' fill='%2321063a'\/%3E%3Cuse href='%23pefl' x='1.68' y='2.32' fill='%23250640'\/%3E%3Cuse href='%23pefl' x='1.26' y='1.74' fill='%23290747'\/%3E%3Cuse href='%23pefl' x='0.84' y='1.16' fill='%232e084e'\/%3E%3Cuse href='%23pefl' x='0.42' y='0.58' fill='%23320855'\/%3E%3Cuse href='%23pefl' fill='url(%23fefl)'\/%3E%3Cg clip-path='url(%23cefl)'%3E%3Cpath d='M52 26H68L70 58H50Z' fill='%231cc4e8' opacity='.85'\/%3E%3Cpath d='M10 50H110V58H10Z' fill='%2343105f' opacity='.6'\/%3E%3C\/g%3E%3Cuse href='%23pefl' fill='none' stroke='%23ffffff' stroke-opacity='0.45' stroke-width='1.3'\/%3E%3Crect x='-400' y='24' width='4000' height='18.0' fill='url(%23sefl)' clip-path='url(%23cefl)'\/%3E%3C\/g%3E%3Cdefs%3E%3Cpath id='pefc' d='M60.00 24.00L65.66 38.34L80.00 44.00L65.66 49.66L60.00 64.00L54.34 49.66L40.00 44.00L54.34 38.34Z'\/%3E%3CclipPath id='cefc'%3E%3Cuse href='%23pefc'\/%3E%3C\/clipPath%3E%3ClinearGradient id='fefc' x1='0' y1='24' x2='0' y2='64' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0.0' stop-color='%23e6feff'\/%3E%3Cstop offset='0.25' stop-color='%238df0ff'\/%3E%3Cstop offset='0.5' stop-color='%231cc4e8'\/%3E%3Cstop offset='0.75' stop-color='%23055a70'\/%3E%3Cstop offset='1.0' stop-color='%23c0f7ff'\/%3E%3C\/linearGradient%3E%3ClinearGradient id='sefc' x1='0' y1='24' x2='0' y2='44.0' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23ffffff' stop-opacity='0.5'\/%3E%3Cstop offset='1' stop-color='%23ffffff' stop-opacity='0'\/%3E%3C\/linearGradient%3E%3Cfilter id='defc' x='-15%25' y='-15%25' width='130%25' height='150%25'%3E%3CfeDropShadow dx='0' dy='2.4' stdDeviation='4.4' flood-color='%23000' flood-opacity='.35'\/%3E%3C\/filter%3E%3C\/defs%3E%3Cg%3E%3Cuse href='%23pefc' x='2.94' y='4.06' fill='%23010f13'\/%3E%3Cuse href='%23pefc' x='2.52' y='3.48' fill='%23021a20'\/%3E%3Cuse href='%23pefc' x='2.10' y='2.90' fill='%2302242e'\/%3E%3Cuse href='%23pefc' x='1.68' y='2.32' fill='%23032f3b'\/%3E%3Cuse href='%23pefc' x='1.26' y='1.74' fill='%23033a48'\/%3E%3Cuse href='%23pefc' x='0.84' y='1.16' fill='%23044555'\/%3E%3Cuse href='%23pefc' x='0.42' y='0.58' fill='%23044f63'\/%3E%3Cuse href='%23pefc' fill='url(%23fefc)'\/%3E%3Cg clip-path='url(%23cefc)'%3E%3C\/g%3E%3Cuse href='%23pefc' fill='none' stroke='%23ffffff' stroke-opacity='0.45' stroke-width='1.3'\/%3E%3Crect x='-400' y='22' width='4000' height='22.0' fill='url(%23sefc)' clip-path='url(%23cefc)'\/%3E%3C\/g%3E%3Cpath d='M100 68Q101.76 74.24 108 76Q101.76 77.76 100 84Q98.24 77.76 92 76Q98.24 74.24 100 68Z' fill='%23c0f7ff' opacity='0.95'\/%3E%3Cpath d='M18 64Q19.32 68.68 24 70Q19.32 71.32 18 76Q16.68 71.32 12 70Q16.68 68.68 18 64Z' fill='%23e0bfff' opacity='0.85'\/%3E%3Cpath d='M96 29Q97.1 32.9 101 34Q97.1 35.1 96 39Q94.9 35.1 91 34Q94.9 32.9 96 29Z' fill='%23ffffff' opacity='0.8'\/%3E%3C\/g%3E%3C\/svg%3E\">\n<link rel=\"apple-touch-icon\" href=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAR3klEQVR42t2ba4xdV3XHf2uffe69cx\/z8Hg8fo0949h52cEEQkhISCAJoYUKUKsgoVIeBYRUIZCQKKqqNkIVKjSqaGlFxUMVSNAAoSqi7YdCIQKShjydEMeO7YzfM7ZnPM8793Uee\/XDua9xbN8zppVIztXRHc09Z5+91l7rv\/5rrX2E9nGfBw\/Fqtr3qXd9+Y\/OHp1970q5vtfF8TpUjKIACKC\/8bcgaPMbaP+t\/ydjt58g6jzPmy+Ucs+N7Rz57t\/+8JPfEZFaS9aWPMD9Bvmc+\/MPfuWuQ7+a+uLSXPWmsBHhNEZxvJIPQTBi8bOWgfWFp6554+bPfv5bf\/Iz9H4Dn3NyH\/d5D5mH4k+8828+NLlv5huVxboXEzhjBBDpKOkVeyioOqd4ZExxMBfvvGnzR778o09\/6z53nycA93\/oa3c98d8v\/mRpYUXEEyfg8So8FGKN1QwMFfWWe6+\/5\/5\/\/ujDZlZnS88+evjL5cWaEU+doF5i9vqqOhWHoJ546sqLNfPMI4f+QVWLXu3JkQ9PTc79cRA1nIh4NMHu1aaAjkxiHJFzIaNP\/fzFk95me+MD5YXqOOIQQVS1N7DI5WGhNYYYSRDkIuearkn5vFSg2Aw7LobYRf22Wq7eEGskiKYeKA6irsCz2stEDOJ74BxRLbrIFYlAJmOTseohqnoRpG1eIxCHUWcRLxxNBGPTQ1ZTRok1kkq5uttGcbjO4ZCUaC9GKO0cBSPgunSgIJ4QVRpUp+awpT4GX7P9ZUoVI8T1kOXD04hnGNy7HWO9VdeJCOocy4emiYOIwvb1eBkfdbr6eUZwYUTl9Nyao6OihHE0ZFHMakkuG1RxYQzA0J7taBi1baplXy6KCZZWiGsNBnaPkR0q4qI4MWMFsYZgqcLykSmMb1h\/y9V4GR+aClBVTMZSnZpj\/tmjZIf7Wfea8YsvvjXMPT2JxjFizSWs5NIxQVQ9q6qoc4iR3vcr4AlLh08j1tC\/axNxPURMy7zAy1qKExs4\/8QRFl84ycgt1xDXgraixAgad57nggiNta0AVEFh6cAp4kZAYft6nDpcELV1rQpexrLw\/AnKx8\/iZX3UuTWQo0TRqorRJv1sBYteH5ortHjoFNUz85isTeYs0raQvk1D+IN5lienEwV5pgNugFgPmv8TYzp0S0A8Q1RvUD5xjsxQkb4NA2gUJ6Ao0lZy5fR5ll8603y+srZPS88tBYhLfavDoaJghLnnjhIsrGCaoJfAq2IyPqUdG6nPLlKZPo9Yg2rzGeoQK4gVEAXD6t98Q3V6jvr8MsXxDYhvE98HcA7je9Tny8w\/fxw8QbU5p7V+xKGAQTpEITWpUAcGXBQxu+8IUa2RrLImIOWiiPzWYbx8hqVDpxKFddkYRpJIYZrhrvs3YHlyGi\/n07dlHa65+qiCMcSNgLlnJ3EuSpR3BaSt+x6zdvPRrpU0RJUa5599CacOlWRC6mJM1lLasZHyiXMESxXE85p2p4nZW9NxjSa+GM8QrtRYOXGO4vYRvJyPuigZUxSMMvfcJMFKFfG6rOo3+CQuoK2VXdvpnEN8j9rsIosvnMBmLcYIYgw4R2l8FCNK5dhZvKzt+LkRvKyHwyGetAOTl7FUp2fRKKI0MdpRlgg251M+fJrquQWM7+GcW\/N8W2dbVhSruESTKmuLIk3cci4BpXOHj1Ku1Ri4dgyN4wQssz7RUJ5jjz2PbFuXJKfOYfsyNMIGmaxhZbmMRjGxgqlbjj\/2ApLzqLgIN7cAIoj1WHnhHPOHj1LMFRF1bXqrV5wfKkqM7fjfFY0DAvVGjVvuvpHN29fTt3UUW8xB7MAY3G3XsnzkNMOv2U52IE81iKkh3LR9hK1jQ0wuh\/hGKFiBMGI2DshvHSEzUEjQ3wgujFne1I+5\/WqeePh5Zqbn8X3\/CqXvqE5RLKuqMJq6yKAkgBeFEaWhPJ\/\/ymfYPN5PVAFjVpuJeBCHYIFHIniy0eCW0SzFpSVOHjjNlj27eaeDUQ\/cB34X3MuX1gF2AL76V\/\/KF\/\/ya6zLDuJiXT2fNRRJWhhgO8FN1qDB5GFGhJVGmXf\/3t2UvH5O7ovw\/IsxMkVFyKpwJFPljA2p9xly+QJzRyeZ6x9lL4OYyKOeUNOX+VocKqVh4e3vuZOv\/f23qa\/U8a0PaxSeLr4Dim2BQSvSpMymUFXCyFHsz3HXnb\/DzBGoB4K5aOYmqEAWYWoI+kYsDStMWctVE2P8dPI4c6M3MTinNERWL4WAxpDtN2SucozvXM97PnAPX\/\/S91mfGcHFLqksSrr5t2Rogb+lTQvTZlOtpAZWVsrcedub6A+u4uSv63ieXBQp1YCLwa8pM68N2bYty5GGUg9iCuM74KVfcnShTmkaaiVJJuXatKLJLZSoYSgO+uze8Fb6+n9AGEZNha8tD1DtpNBXBIKKglMyeeENO9\/GiUfq1KMKRkx7nFal1tVj\/FDJD1ji6y0j2y1TqlSWAwTFGJ+JW27CHQtYOgD1\/SHV0OH6BOt5HXxycO4AxLFSGtzB3hteyxOP7mOgOIRzMfJyx0nlCJYmjZQUIaUFlGKESrXKdTfswp4c59DRaWy2yzqaYxkjFMfzVG7Oc+T1Ece3RlScEM0rpnmRAuLl2bfDsX6TctWLHhOP+\/BMleWlZaRFMKW1co6sCbhh+908XXgCF7ummbgmuKVMhloY4NYAgu3CknOYTMzVW\/Zy6NAR6kEVUzMvKzzkPEtmu89TtxWZLoyzMBvTqFfJSKKclmBB7FDxKBZyTO+KOVI4SObUUTYc24b6umplRCCsO0ZLBSbGxzl28Cz5vmKb2KQNg4riNMaiazN+RKnXG2yZ2Eh1MebY2f8hkzMXH0aF8KsBx37wFH23bmDnLbcRju3iZEOpNgI8I0TOsanQxyaNCH91gBNPPsJjLz4HZeWe4N3kZZCYeNXyOHWcO9zH1ut2ctSebBI5xYhZUxV\/FRNsZiW9bQfFEbFtbIxTky9R8ysEGFS6baQ5llFMyWNbZRuL\/3mWqV9+B7t7kF1338O+KEMcBgz3F9l09AxP\/vhHlM+eo9TIs4dxht1GIllgWRYvsD9BDCxVI\/qDzYxuWcfsyQrZXC4BtlShjDYlTniA6XLeHkcYBAwOl1hXHKHqz1DctK7nM1Vgkw4R9OXYj1I40WCwMMf07CKbdo7z5MM\/xk7HvKN4L\/3FQYxYYqLLdqXiOEYCy8S2HZw+9jhZsjjVngXU9pxMNxNUbYPMJeOmJqEvCBu87uY3Mj42Tn92EC9lQdKosuzDSt5jQ3+Jm7dWOVA8Ty6oUJtf5A\/u\/Th7oyKNuN7u7V12RQQ0goEtOzl45EVWZhr4GR9VSWqK2oMHdMJgEhgvd0Pym+Kc4mcsp05MsbJQbcbpNPGjQ2dzAnONBte842Z2v\/XNfPMf\/47hZQ+ZfIlnXYBZQzhTVbxpDw0gJsSqJU2GpM2SUAcDUoYQVcUY4cD+w9S0zAoLKA6zhk6axVBhhZnlk7zz9RMcf\/55imfP8x9nv0e8RjZiMFgsFkMxsw7VXFJl6uHLq8IgurpOliYQZjKWfG6Yqzduo780wJnzU3jGSx2CYucwEvGTb36HXKXBNRPX4GQN+N2sE4SNiLmZpaQDjE0WMk1a36bCrskEU1LhFgmqVxvs3XM9f\/+VB\/CiIvPRUZwJLmt+CmREOBhGHIsisp7H\/Nwc1951O9fu3sPrDJSMIe4ZhUBjJV\/Ms+\/xF\/izT3yBTDaHUdMETdNTkR0XcK1sUNeQSQsxMRtHNlPy1lGtOYYzVxFmFlDiS5qfAjkRTBxQ1YAYIT8wzMTOaykHAUXbxyCG6AIqvSqtbv5jcaTIYMVRyk6hGqPETdhMn9S3pLadImF6AiEIs4tniL1mudoE2DhPkwxwCU6EVUFsHfUyoEKEEqKYbBYv7MM6w6UwVQRwytJohvKITykLPnkcAYGLyZnBBNklXZ2okw53FURS9dWUtsLiwBBHiri+VBFAFcKCUs8YTNNXW9gT1\/rQ2FwSCxRlcUIobzbYmmN+1OCuH6VYLLFUWyBnmkIpqbhAiw7b7vJAz\/BxQVm5viDUl5OKzyUMd5UCiIWaGBY8YSnsaL3PCvVFoRoaIrl4oxQgs6jka0p1J+SPw\/l9ZWqVKsYTnLbosknFaNv1AKdrA8GWnpxzrMw4KgsRpqcCBCdKHBlmTExhWLhrQ4ZCxnCsHPHYTMDCTESm5gjMhQrobIGSGDgDJgT3pKExG9GJYi03ToCw9\/K3XSDG0cqnNZX\/g0OdsjQdsDIbYmwKBzJQrsLIJscf7ikxJkIdeNtohokBy8yP62SqhtDrgN0lAjicVgIRao1mj1G1k8+IaYLx5aVIMmCHfXmy28OXmyXpKHI8s+9R5k8v42VaG0suPXMxEFQjfv99tzOkJR74i4f49c\/28+EvvI877riWf6nv4+GfnyZb8tH4YmN1bYZThxEfb0MFay31qFPUkVSI1tkxYlfl0dqzpdr2H+diZqdmmTm1iJ\/xLu9CTQQXAwM7Shw7u8CDn\/8BiyxRfKDAHW++FjusTE1OU1ifx0WuZ3dfnGEgZxDT6hAlFuBUkoihKTFApWk+KqmU1t7YqBDWhaDuUGcun3w0a4j1Ssj5g\/Nc\/6aNvO0jd\/H0L57j7R+7BxE4d3CJMISg5tDYtbx+VQOkXS4VhTipFLeLtO0EKsVOl3ZjRNdWEFmdMzhy3jAFL4dNsTlBPMHXgAf\/a4Y\/vWMLf\/2Nj1NWGBL44XSF\/c8qI8VtOGPa5YRuWt+qHnVWw5Kxy83VbymgpTiTWqJmMhQ3kVN7pxCaCK84lsMZ5htL+JjeNQEjZF3I02dLfOjh07x\/S4F1hQzPnK3wvRcXuCacxQUrxOr1TkoEiAw2AhHTWtLEBqS7+3t5EGzygLQgqKsopOKYq59mpnYe39neHMIIXrUOuoGD58p89vAMnpdw\/6JvWAqmqFYXcBmLpFCAiyBfH8JgupiMAzX05kF6oQWkBcGWXSYPDL0yoV1GrO3td8bgbI2QOllPKGQNahKvjTUZC7uEWktPRBWSIGb6uiamL2+X6mUSqnZrrNUyTmUAuqo0Pj4+Rj5XxPe7ooBcsINOOxbg1wImR4apZHz8yKHJfmSsKNt3jFEo9eN6KqAjybrRLK61MwVdBdC9Fr\/FHVIXRKQr0jocxhgmdo0z2D+MZ3uDjhMhF0SUNwxyzvfI9mWSfUXNY2LHNgaHa0TWXJoIdVdzjU+UKRPHDkS6EqH0srTT4TQppHZpWXF41nDd9ddQ3ljDeJJCAVCIlONjeVyhDy+ruK7bdl23i011R5CiMKKqZDM5ziwcI47jzjablFndBe3xtTXGWr4eBCGZolKyNlX25QRyDrZJnRsXq+RaCVJzRkMDlnzJkkkhg1NHLmeQJZeYu7QavApqelKabpll59CbdGVpJdmzm5oNKEhMf26IPgbT79UV8DWpxF54RyCs6dUMEUWdYal6nrLM4ksBI4KkrGuoU4oDxU46LKlaY9pVl1fmyjMYznetZdo8\/KK5ElzBFp0OYLj2zoL0snTlAr1KY927MLTZgPCsJSbEaYSoXumOlU69YK0KEAEVjPhdGKD0cuu2LNpuj\/fGgYv+rorBIs3WmPxGKriy94FEDLLKtiSVLG0eQFoecAllSNqe2v+TAi5EJ9Ss5U0irKJOcWbtQuhFpiK\/Be8FOdJDuTrrWbOguGFp5l4Kr8SXoS4DrxdnwoqK55sFU+wvPC8iaRvLvAreHENBxYiWSoX9dnxi7Hvnzsy+pRHUNW1r+ZV+OHXksn2yfWL8u6KqxT1jd\/xq6vSZ3Z4nsb5K3xns3nIYx+ptGdu0f\/\/JX9xqRGTl1ttv\/uTg0ICGcWQgKale6Ubk39azxd\/CODKDQ\/3u1ttu\/pSIrHhwv9l34AtH3\/Lme08tzi29q1arGsU5kRazeKW\/OtvcW6ZO1TlvaGhQX\/eG1370wX\/\/p39DaadxRgzuY\/d9+u5HHn38gfOzczcGQdAsgb\/yDyOGTCbD+pHhfbff+cbPfP3BL\/1UnZpmjraKjjtVLbzn7g++f\/Lo8feuLJf3hlE4pKnZxW\/dm+POt\/5CsVR67qqrxr\/\/w59+69siUmnJCvC\/QMUC4ljcRIsAAAAASUVORK5CYII=\">\n<script>(function(){var h=document.head;document.querySelectorAll('.kfr link[rel=\"icon\"], .kfr link[rel=\"apple-touch-icon\"]').forEach(function(l){h.appendChild(l);});})();<\/script>\n<script>document.documentElement.classList.add(\"js\");<\/script>\n<style>\n    \/* =========================================================\n       TOKENS\n       ========================================================= *\/\n    :root {\n      --bg: #0a0314;\n      --bg-2: #120626;\n      --panel: rgba(34, 14, 68, .55);\n      --panel-2: rgba(20, 8, 42, .72);\n      --line: rgba(198, 148, 255, .18);\n      --line-2: rgba(141, 240, 255, .30);\n      --text: #f2ebff;\n      --muted: #bcaedb;\n      --dim: #9483b8;\n      --purple: #8a2be2;\n      --violet: #a855f7;\n      --lilac: #c694ff;\n      --lilac-2: #e0bfff;\n      --cyan: #22d3ee;\n      --cyan-2: #8df0ff;\n      --gold: #ffc861;\n\n      --radius: 18px;\n      --header-h: 72px;\n      --container: 1180px;\n      --gutter: clamp(16px, 4vw, 32px);\n\n      --font-display: \"Palatino Linotype\", Palatino, \"Book Antiqua\", \"URW Palladio L\", Georgia, \"Noto Serif\", serif;\n      --font-body: system-ui, -apple-system, \"Segoe UI\", Roboto, \"Noto Sans\", \"Helvetica Neue\", Arial, sans-serif;\n\n      --ease: cubic-bezier(.2, .8, .2, 1);\n      color-scheme: dark;\n      --kfr-logo: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='-4.0 -10.0 1326.0 153.5' width='5304' height='614'%3E%3Cpath d='M60 62L8 0L30 0Z' fill='%238df0ff' opacity='0.3'\/%3E%3Cpath d='M60 62L36 0L56 0Z' fill='%238df0ff' opacity='0.42'\/%3E%3Cpath d='M60 62L62 0L82 0Z' fill='%238df0ff' opacity='0.42'\/%3E%3Cpath d='M60 62L88 0L110 0Z' fill='%238df0ff' opacity='0.3'\/%3E%3Cdefs%3E%3Cpath id='pedb' d='M14 66H106V116H14Z'\/%3E%3CclipPath id='cedb'%3E%3Cuse href='%23pedb'\/%3E%3C\/clipPath%3E%3ClinearGradient id='fedb' x1='0' y1='66' x2='0' y2='116' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0.0' stop-color='%23f6e8ff'\/%3E%3Cstop offset='0.25' stop-color='%23c694ff'\/%3E%3Cstop offset='0.5' stop-color='%238a2be2'\/%3E%3Cstop offset='0.75' stop-color='%23360a63'\/%3E%3Cstop offset='1.0' stop-color='%23e0bfff'\/%3E%3C\/linearGradient%3E%3ClinearGradient id='sedb' x1='0' y1='66' x2='0' y2='91.0' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23ffffff' stop-opacity='0.5'\/%3E%3Cstop offset='1' stop-color='%23ffffff' stop-opacity='0'\/%3E%3C\/linearGradient%3E%3Cfilter id='dedb' x='-15%25' y='-15%25' width='130%25' height='150%25'%3E%3CfeDropShadow dx='0' dy='4.2' stdDeviation='5.4' flood-color='%23000' flood-opacity='.35'\/%3E%3C\/filter%3E%3C\/defs%3E%3Cg filter='url(%23dedb)'%3E%3Cuse href='%23pedb' x='5.04' y='6.96' fill='%230c0217'\/%3E%3Cuse href='%23pedb' x='4.62' y='6.38' fill='%2310031d'\/%3E%3Cuse href='%23pedb' x='4.20' y='5.80' fill='%23130322'\/%3E%3Cuse href='%23pedb' x='3.78' y='5.22' fill='%23160428'\/%3E%3Cuse href='%23pedb' x='3.36' y='4.64' fill='%231a042e'\/%3E%3Cuse href='%23pedb' x='2.94' y='4.06' fill='%231e0534'\/%3E%3Cuse href='%23pedb' x='2.52' y='3.48' fill='%2321063a'\/%3E%3Cuse href='%23pedb' x='2.10' y='2.90' fill='%2324063f'\/%3E%3Cuse href='%23pedb' x='1.68' y='2.32' fill='%23280745'\/%3E%3Cuse href='%23pedb' x='1.26' y='1.74' fill='%232c074b'\/%3E%3Cuse href='%23pedb' x='0.84' y='1.16' fill='%232f0850'\/%3E%3Cuse href='%23pedb' x='0.42' y='0.58' fill='%23320856'\/%3E%3Cuse href='%23pedb' fill='url(%23fedb)'\/%3E%3Cg clip-path='url(%23cedb)'%3E%3Cpath d='M52 66H68V116H52Z' fill='%231cc4e8' opacity='.8'\/%3E%3Crect x='14' y='86' width='92' height='8' fill='%2343105f' opacity='.55'\/%3E%3Ccircle cx='60' cy='90' r='9' fill='%23e6feff'\/%3E%3Ccircle cx='60' cy='90' r='4' fill='%2336095c'\/%3E%3C\/g%3E%3Cuse href='%23pedb' fill='none' stroke='%23ffffff' stroke-opacity='0.45' stroke-width='1.3'\/%3E%3Crect x='-400' y='64' width='4000' height='27.0' fill='url(%23sedb)' clip-path='url(%23cedb)'\/%3E%3C\/g%3E%3Cdefs%3E%3Cpath id='pedl' d='M10 58L24 26H96L110 58Z'\/%3E%3CclipPath id='cedl'%3E%3Cuse href='%23pedl'\/%3E%3C\/clipPath%3E%3ClinearGradient id='fedl' x1='0' y1='26' x2='0' y2='58' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0.0' stop-color='%23f6e8ff'\/%3E%3Cstop offset='0.25' stop-color='%23c694ff'\/%3E%3Cstop offset='0.5' stop-color='%238a2be2'\/%3E%3Cstop offset='0.75' stop-color='%23360a63'\/%3E%3Cstop offset='1.0' stop-color='%23e0bfff'\/%3E%3C\/linearGradient%3E%3ClinearGradient id='sedl' x1='0' y1='26' x2='0' y2='42.0' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23ffffff' stop-opacity='0.5'\/%3E%3Cstop offset='1' stop-color='%23ffffff' stop-opacity='0'\/%3E%3C\/linearGradient%3E%3Cfilter id='dedl' x='-15%25' y='-15%25' width='130%25' height='150%25'%3E%3CfeDropShadow dx='0' dy='3.5' stdDeviation='5.0' flood-color='%23000' flood-opacity='.35'\/%3E%3C\/filter%3E%3C\/defs%3E%3Cg filter='url(%23dedl)'%3E%3Cuse href='%23pedl' x='4.20' y='5.80' fill='%230c0217'\/%3E%3Cuse href='%23pedl' x='3.78' y='5.22' fill='%2310031e'\/%3E%3Cuse href='%23pedl' x='3.36' y='4.64' fill='%23140325'\/%3E%3Cuse href='%23pedl' x='2.94' y='4.06' fill='%2319042c'\/%3E%3Cuse href='%23pedl' x='2.52' y='3.48' fill='%231d0533'\/%3E%3Cuse href='%23pedl' x='2.10' y='2.90' fill='%2321063a'\/%3E%3Cuse href='%23pedl' x='1.68' y='2.32' fill='%23250640'\/%3E%3Cuse href='%23pedl' x='1.26' y='1.74' fill='%23290747'\/%3E%3Cuse href='%23pedl' x='0.84' y='1.16' fill='%232e084e'\/%3E%3Cuse href='%23pedl' x='0.42' y='0.58' fill='%23320855'\/%3E%3Cuse href='%23pedl' fill='url(%23fedl)'\/%3E%3Cg clip-path='url(%23cedl)'%3E%3Cpath d='M52 26H68L70 58H50Z' fill='%231cc4e8' opacity='.85'\/%3E%3Cpath d='M10 50H110V58H10Z' fill='%2343105f' opacity='.6'\/%3E%3C\/g%3E%3Cuse href='%23pedl' fill='none' stroke='%23ffffff' stroke-opacity='0.45' stroke-width='1.3'\/%3E%3Crect x='-400' y='24' width='4000' height='18.0' fill='url(%23sedl)' clip-path='url(%23cedl)'\/%3E%3C\/g%3E%3Cdefs%3E%3Cpath id='pedc' d='M60.00 24.00L65.66 38.34L80.00 44.00L65.66 49.66L60.00 64.00L54.34 49.66L40.00 44.00L54.34 38.34Z'\/%3E%3CclipPath id='cedc'%3E%3Cuse href='%23pedc'\/%3E%3C\/clipPath%3E%3ClinearGradient id='fedc' x1='0' y1='24' x2='0' y2='64' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0.0' stop-color='%23e6feff'\/%3E%3Cstop offset='0.25' stop-color='%238df0ff'\/%3E%3Cstop offset='0.5' stop-color='%231cc4e8'\/%3E%3Cstop offset='0.75' stop-color='%23055a70'\/%3E%3Cstop offset='1.0' stop-color='%23c0f7ff'\/%3E%3C\/linearGradient%3E%3ClinearGradient id='sedc' x1='0' y1='24' x2='0' y2='44.0' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23ffffff' stop-opacity='0.5'\/%3E%3Cstop offset='1' stop-color='%23ffffff' stop-opacity='0'\/%3E%3C\/linearGradient%3E%3Cfilter id='dedc' x='-15%25' y='-15%25' width='130%25' height='150%25'%3E%3CfeDropShadow dx='0' dy='2.4' stdDeviation='4.4' flood-color='%23000' flood-opacity='.35'\/%3E%3C\/filter%3E%3C\/defs%3E%3Cg%3E%3Cuse href='%23pedc' x='2.94' y='4.06' fill='%23010f13'\/%3E%3Cuse href='%23pedc' x='2.52' y='3.48' fill='%23021a20'\/%3E%3Cuse href='%23pedc' x='2.10' y='2.90' fill='%2302242e'\/%3E%3Cuse href='%23pedc' x='1.68' y='2.32' fill='%23032f3b'\/%3E%3Cuse href='%23pedc' x='1.26' y='1.74' fill='%23033a48'\/%3E%3Cuse href='%23pedc' x='0.84' y='1.16' fill='%23044555'\/%3E%3Cuse href='%23pedc' x='0.42' y='0.58' fill='%23044f63'\/%3E%3Cuse href='%23pedc' fill='url(%23fedc)'\/%3E%3Cg clip-path='url(%23cedc)'%3E%3C\/g%3E%3Cuse href='%23pedc' fill='none' stroke='%23ffffff' stroke-opacity='0.45' stroke-width='1.3'\/%3E%3Crect x='-400' y='22' width='4000' height='22.0' fill='url(%23sedc)' clip-path='url(%23cedc)'\/%3E%3C\/g%3E%3Cpath d='M100 68Q101.76 74.24 108 76Q101.76 77.76 100 84Q98.24 77.76 92 76Q98.24 74.24 100 68Z' fill='%23c0f7ff' opacity='0.95'\/%3E%3Cpath d='M18 64Q19.32 68.68 24 70Q19.32 71.32 18 76Q16.68 71.32 12 70Q16.68 68.68 18 64Z' fill='%23e0bfff' opacity='0.85'\/%3E%3Cpath d='M96 29Q97.1 32.9 101 34Q97.1 35.1 96 39Q94.9 35.1 91 34Q94.9 32.9 96 29Z' fill='%23ffffff' opacity='0.8'\/%3E%3Cg transform='translate(158 0)'%3E%3Cdefs%3E%3Cpath id='ptda' d='M69.02857142857142 80.8Q71.25714285714285 84.22857142857143 72.77142857142857 86.25714285714287Q74.28571428571428 88.28571428571429 75.42857142857142 89.42857142857143Q76.57142857142857 90.57142857142857 77.68571428571428 91.17142857142858Q78.8 91.77142857142857 80.62857142857142 92.28571428571429V96.0H49.65714285714286V92.22857142857143Q51.6 91.94285714285715 52.285714285714285 91.28571428571429Q52.97142857142857 90.62857142857143 52.97142857142857 89.54285714285714Q52.97142857142857 88.62857142857143 52.71428571428571 87.74285714285715Q52.457142857142856 86.85714285714286 51.48571428571428 85.14285714285714Q50.51428571428571 83.42857142857143 47.542857142857144 78.85714285714286L38.8 65.37142857142857Q37.199999999999996 62.91428571428572 36.028571428571425 61.542857142857144Q34.857142857142854 60.17142857142857 33.68571428571428 59.57142857142857Q32.51428571428571 58.971428571428575 30.457142857142856 58.971428571428575H29.314285714285713V81.65714285714286Q29.314285714285713 83.65714285714286 29.428571428571427 85.37142857142857Q29.54285714285714 87.08571428571429 29.885714285714286 88.17142857142858Q30.228571428571428 89.25714285714285 30.885714285714286 90.0Q31.54285714285714 90.74285714285715 32.68571428571428 91.28571428571428Q33.82857142857143 91.82857142857142 35.48571428571429 92.22857142857143V96.0H5.485714285714286V92.22857142857143Q7.6 91.65714285714286 8.82857142857143 91.0Q10.057142857142857 90.34285714285714 10.657142857142857 89.17142857142858Q11.257142857142856 88.0 11.428571428571427 86.2Q11.6 84.4 11.6 81.65714285714286V32.4Q11.6 29.714285714285722 11.457142857142856 27.885714285714293Q11.314285714285713 26.057142857142864 10.714285714285714 24.914285714285718Q10.114285714285714 23.771428571428572 8.885714285714286 23.057142857142857Q7.657142857142857 22.34285714285714 5.485714285714286 21.771428571428572V18.0H35.48571428571429V21.771428571428572Q33.08571428571428 22.400000000000006 31.971428571428568 23.142857142857146Q30.857142857142858 23.885714285714286 30.314285714285717 24.914285714285718Q29.771428571428572 25.94285714285715 29.542857142857144 27.542857142857144Q29.314285714285713 29.14285714285714 29.314285714285713 32.4V52.74285714285715H30.514285714285712Q33.14285714285714 52.74285714285715 34.68571428571428 52.17142857142858Q36.22857142857143 51.6 37.85714285714286 50.114285714285714Q39.48571428571429 48.62857142857143 44.14285714285714 43.17142857142858Q48.8 37.714285714285715 50.885714285714286 34.77142857142857Q52.97142857142857 31.828571428571436 53.74285714285714 29.914285714285718Q54.51428571428571 28.0 54.51428571428571 26.114285714285714Q54.51428571428571 24.114285714285714 53.17142857142857 22.971428571428575Q51.82857142857143 21.828571428571436 49.37142857142857 21.771428571428572V18.0H78.57142857142857V21.885714285714286Q76.39999999999999 22.285714285714292 74.85714285714286 23.08571428571429Q73.31428571428572 23.885714285714286 71.31428571428572 25.68571428571429Q69.31428571428572 27.485714285714295 66.22857142857143 30.971428571428575L49.08571428571428 50.17142857142857Z M123.4857142857143 96.91428571428571Q106.68571428571428 96.91428571428571 98.25714285714285 87.08571428571429Q89.82857142857142 77.25714285714285 89.82857142857142 57.65714285714286Q89.82857142857142 44.800000000000004 93.91428571428571 35.68571428571428Q98.0 26.57142857142857 105.94285714285715 21.82857142857143Q113.88571428571429 17.08571428571429 124.85714285714286 17.08571428571429Q141.94285714285715 17.08571428571429 150.51428571428573 26.88571428571429Q159.0857142857143 36.68571428571429 159.0857142857143 56.0Q159.0857142857143 66.8 156.54285714285714 74.54285714285714Q154.0 82.28571428571429 149.31428571428572 87.25714285714287Q144.62857142857143 92.22857142857143 138.0857142857143 94.57142857142857Q131.54285714285714 96.91428571428571 123.4857142857143 96.91428571428571ZM108.0 56.114285714285714Q108.0 73.37142857142857 112.14285714285714 81.8Q116.28571428571428 90.22857142857143 124.8 90.22857142857143Q129.2 90.22857142857143 132.28571428571428 87.85714285714286Q135.37142857142857 85.48571428571428 137.28571428571428 81.22857142857143Q139.2 76.97142857142858 140.0285714285714 71.14285714285714Q140.85714285714286 65.31428571428572 140.85714285714286 58.34285714285714Q140.85714285714286 46.971428571428575 139.05714285714288 39.28571428571429Q137.25714285714287 31.60000000000001 133.62857142857143 27.68571428571429Q130.0 23.771428571428572 124.34285714285714 23.771428571428572Q116.05714285714285 23.771428571428572 112.02857142857142 31.685714285714287Q108.0 39.6 108.0 56.114285714285714Z M190.79999999999998 96.0V92.22857142857143Q193.2 91.82857142857142 194.6 91.17142857142858Q196.0 90.51428571428572 196.68571428571428 89.31428571428572Q197.37142857142857 88.11428571428571 197.54285714285714 86.25714285714287Q197.71428571428572 84.4 197.71428571428572 81.65714285714286V24.685714285714283H193.0857142857143Q189.65714285714284 24.685714285714283 187.82857142857142 25.485714285714288Q186.0 26.285714285714292 184.65714285714284 28.000000000000007Q183.31428571428572 29.714285714285722 182.34285714285716 32.60000000000001Q181.37142857142857 35.48571428571429 180.74285714285713 38.05714285714286H172.9142857142857V18.0H240.17142857142858V38.05714285714286H232.34285714285713Q231.25714285714287 34.17142857142857 230.62857142857143 32.34285714285714Q230.0 30.51428571428572 229.22857142857143 29.228571428571435Q228.45714285714286 27.94285714285715 227.6 27.08571428571429Q226.74285714285713 26.228571428571428 225.77142857142857 25.714285714285715Q224.8 25.200000000000003 223.34285714285716 24.942857142857143Q221.88571428571427 24.685714285714283 219.54285714285714 24.685714285714283H215.42857142857142V81.65714285714286Q215.42857142857142 84.68571428571428 215.6 86.25714285714285Q215.77142857142857 87.82857142857142 216.22857142857143 88.8Q216.68571428571428 89.77142857142857 217.34285714285716 90.37142857142857Q218.0 90.97142857142858 219.17142857142858 91.45714285714286Q220.34285714285713 91.94285714285715 222.34285714285713 92.22857142857143V96.0Z M294.0571428571428 71.82857142857142H269.65714285714284L267.77142857142854 77.25714285714285Q266.97142857142853 79.54285714285714 266.4571428571428 81.68571428571428Q265.9428571428571 83.82857142857142 265.9428571428571 86.22857142857143Q265.9428571428571 91.82857142857142 271.88571428571424 92.22857142857143V96.0H247.48571428571427V92.22857142857143Q249.59999999999997 92.0 251.2 90.74285714285713Q252.79999999999998 89.48571428571428 254.1142857142857 87.31428571428572Q255.42857142857142 85.14285714285714 256.9142857142857 81.08571428571429L280.74285714285713 17.60000000000001H296.0L314.85714285714283 81.6Q316.1142857142857 85.88571428571429 316.97142857142853 87.68571428571428Q317.8285714285714 89.48571428571428 319.2 90.6Q320.57142857142856 91.71428571428571 323.0285714285714 92.22857142857143V96.0H291.48571428571427V92.22857142857143Q294.45714285714286 91.88571428571429 295.88571428571424 90.57142857142857Q297.3142857142857 89.25714285714285 297.3142857142857 86.85714285714286Q297.3142857142857 85.08571428571429 296.9142857142857 82.91428571428571Q296.5142857142857 80.74285714285715 295.59999999999997 77.42857142857143ZM271.8285714285714 65.14285714285714H292.4L283.25714285714287 32.971428571428575Z M397.2571428571428 80.8Q399.48571428571427 84.22857142857143 401.0 86.25714285714287Q402.5142857142857 88.28571428571429 403.65714285714284 89.42857142857143Q404.79999999999995 90.57142857142857 405.9142857142857 91.17142857142858Q407.0285714285714 91.77142857142857 408.85714285714283 92.28571428571429V96.0H377.88571428571424V92.22857142857143Q379.8285714285714 91.94285714285715 380.51428571428573 91.28571428571429Q381.2 90.62857142857143 381.2 89.54285714285714Q381.2 88.62857142857143 380.9428571428571 87.74285714285715Q380.68571428571425 86.85714285714286 379.71428571428567 85.14285714285714Q378.74285714285713 83.42857142857143 375.77142857142854 78.85714285714286L367.0285714285714 65.37142857142857Q365.4285714285714 62.91428571428572 364.2571428571428 61.542857142857144Q363.08571428571423 60.17142857142857 361.9142857142857 59.57142857142857Q360.74285714285713 58.971428571428575 358.68571428571425 58.971428571428575H357.5428571428571V81.65714285714286Q357.5428571428571 83.65714285714286 357.65714285714284 85.37142857142857Q357.77142857142854 87.08571428571429 358.11428571428564 88.17142857142858Q358.4571428571428 89.25714285714285 359.11428571428564 90.0Q359.77142857142854 90.74285714285715 360.9142857142857 91.28571428571428Q362.0571428571428 91.82857142857142 363.71428571428567 92.22857142857143V96.0H333.71428571428567V92.22857142857143Q335.8285714285714 91.65714285714286 337.0571428571428 91.0Q338.2857142857143 90.34285714285714 338.88571428571424 89.17142857142858Q339.48571428571427 88.0 339.65714285714284 86.2Q339.8285714285714 84.4 339.8285714285714 81.65714285714286V32.4Q339.8285714285714 29.714285714285722 339.68571428571425 27.885714285714293Q339.5428571428571 26.057142857142864 338.94285714285706 24.914285714285718Q338.3428571428571 23.771428571428572 337.11428571428564 23.057142857142857Q335.88571428571424 22.34285714285714 333.71428571428567 21.771428571428572V18.0H363.71428571428567V21.771428571428572Q361.3142857142857 22.400000000000006 360.19999999999993 23.142857142857146Q359.08571428571423 23.885714285714286 358.5428571428571 24.914285714285718Q358.0 25.94285714285715 357.77142857142854 27.542857142857144Q357.5428571428571 29.14285714285714 357.5428571428571 32.4V52.74285714285715H358.74285714285713Q361.3714285714285 52.74285714285715 362.91428571428565 52.17142857142858Q364.4571428571428 51.6 366.08571428571423 50.114285714285714Q367.71428571428567 48.62857142857143 372.3714285714285 43.17142857142858Q377.0285714285714 37.714285714285715 379.1142857142857 34.77142857142857Q381.2 31.828571428571436 381.97142857142853 29.914285714285718Q382.74285714285713 28.0 382.74285714285713 26.114285714285714Q382.74285714285713 24.114285714285714 381.4 22.971428571428575Q380.0571428571428 21.828571428571436 377.59999999999997 21.771428571428572V18.0H406.79999999999995V21.885714285714286Q404.6285714285714 22.285714285714292 403.08571428571423 23.08571428571429Q401.5428571428571 23.885714285714286 399.5428571428571 25.68571428571429Q397.5428571428571 27.485714285714295 394.4571428571428 30.971428571428575L377.3142857142857 50.17142857142857Z'\/%3E%3CclipPath id='ctda'%3E%3Cuse href='%23ptda'\/%3E%3C\/clipPath%3E%3ClinearGradient id='ftda' x1='0' y1='18' x2='0' y2='96' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0.0' stop-color='%23f6e8ff'\/%3E%3Cstop offset='0.25' stop-color='%23c694ff'\/%3E%3Cstop offset='0.5' stop-color='%238a2be2'\/%3E%3Cstop offset='0.75' stop-color='%23360a63'\/%3E%3Cstop offset='1.0' stop-color='%23e0bfff'\/%3E%3C\/linearGradient%3E%3ClinearGradient id='stda' x1='0' y1='18' x2='0' y2='57.0' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23ffffff' stop-opacity='0.5'\/%3E%3Cstop offset='1' stop-color='%23ffffff' stop-opacity='0'\/%3E%3C\/linearGradient%3E%3Cfilter id='dtda' x='-15%25' y='-15%25' width='130%25' height='150%25'%3E%3CfeDropShadow dx='0' dy='5.6' stdDeviation='6.2' flood-color='%23000' flood-opacity='.35'\/%3E%3C\/filter%3E%3C\/defs%3E%3Cg filter='url(%23dtda)'%3E%3Cuse href='%23ptda' x='6.72' y='9.28' fill='%230c0217'\/%3E%3Cuse href='%23ptda' x='6.30' y='8.70' fill='%230f021b'\/%3E%3Cuse href='%23ptda' x='5.88' y='8.12' fill='%23110320'\/%3E%3Cuse href='%23ptda' x='5.46' y='7.54' fill='%23140324'\/%3E%3Cuse href='%23ptda' x='5.04' y='6.96' fill='%23160428'\/%3E%3Cuse href='%23ptda' x='4.62' y='6.38' fill='%2319042d'\/%3E%3Cuse href='%23ptda' x='4.20' y='5.80' fill='%231c0531'\/%3E%3Cuse href='%23ptda' x='3.78' y='5.22' fill='%231e0535'\/%3E%3Cuse href='%23ptda' x='3.36' y='4.64' fill='%2321063a'\/%3E%3Cuse href='%23ptda' x='2.94' y='4.06' fill='%2324063e'\/%3E%3Cuse href='%23ptda' x='2.52' y='3.48' fill='%23260642'\/%3E%3Cuse href='%23ptda' x='2.10' y='2.90' fill='%23290746'\/%3E%3Cuse href='%23ptda' x='1.68' y='2.32' fill='%232c074b'\/%3E%3Cuse href='%23ptda' x='1.26' y='1.74' fill='%232e084f'\/%3E%3Cuse href='%23ptda' x='0.84' y='1.16' fill='%23310853'\/%3E%3Cuse href='%23ptda' x='0.42' y='0.58' fill='%23330958'\/%3E%3Cuse href='%23ptda' fill='url(%23ftda)'\/%3E%3Cg clip-path='url(%23ctda)'%3E%3C\/g%3E%3Cuse href='%23ptda' fill='none' stroke='%23ffffff' stroke-opacity='0.45' stroke-width='1.3'\/%3E%3Crect x='-400' y='16' width='4000' height='41.0' fill='url(%23stda)' clip-path='url(%23ctda)'\/%3E%3C\/g%3E%3Cdefs%3E%3Cpath id='ptdb' d='M463.3142857142857 81.65714285714286Q463.3142857142857 84.68571428571428 463.48571428571427 86.25714285714285Q463.65714285714284 87.82857142857142 464.1142857142857 88.8Q464.57142857142856 89.77142857142857 465.2285714285714 90.37142857142857Q465.8857142857143 90.97142857142858 467.0571428571428 91.45714285714286Q468.2285714285714 91.94285714285715 470.2285714285714 92.22857142857143V96.0H439.48571428571427V92.22857142857143Q441.6 91.71428571428571 442.8285714285714 91.02857142857142Q444.0571428571429 90.34285714285714 444.65714285714284 89.17142857142858Q445.25714285714287 88.0 445.42857142857144 86.17142857142858Q445.6 84.34285714285714 445.6 81.6V32.4Q445.6 29.714285714285722 445.45714285714286 27.885714285714293Q445.3142857142857 26.057142857142864 444.71428571428567 24.914285714285718Q444.1142857142857 23.771428571428572 442.88571428571424 23.057142857142857Q441.65714285714284 22.34285714285714 439.48571428571427 21.771428571428572V18.0H494.74285714285713V36.17142857142857H486.9142857142857Q485.0285714285714 30.742857142857147 483.71428571428567 28.82857142857143Q482.4 26.91428571428571 480.57142857142856 25.799999999999997Q478.74285714285713 24.685714285714283 474.34285714285716 24.685714285714283H463.3142857142857V53.77142857142857H470.62857142857143Q473.3142857142857 53.77142857142857 474.77142857142854 52.94285714285714Q476.2285714285714 52.114285714285714 477.1714285714286 50.17142857142857Q478.1142857142857 48.22857142857143 478.74285714285713 44.68571428571429H485.2V69.6H478.74285714285713Q478.0571428571429 66.0 477.0857142857143 64.02857142857142Q476.1142857142857 62.05714285714286 474.6857142857143 61.25714285714285Q473.25714285714287 60.457142857142856 470.62857142857143 60.457142857142856H463.3142857142857Z M548.6285714285715 71.82857142857142H524.2285714285714L522.3428571428572 77.25714285714285Q521.5428571428572 79.54285714285714 521.0285714285715 81.68571428571428Q520.5142857142857 83.82857142857142 520.5142857142857 86.22857142857143Q520.5142857142857 91.82857142857142 526.4571428571429 92.22857142857143V96.0H502.0571428571429V92.22857142857143Q504.1714285714286 92.0 505.7714285714286 90.74285714285713Q507.37142857142857 89.48571428571428 508.6857142857143 87.31428571428572Q510.0 85.14285714285714 511.4857142857143 81.08571428571429L535.3142857142857 17.60000000000001H550.5714285714286L569.4285714285714 81.6Q570.6857142857143 85.88571428571429 571.5428571428572 87.68571428571428Q572.4 89.48571428571428 573.7714285714285 90.6Q575.1428571428571 91.71428571428571 577.6 92.22857142857143V96.0H546.0571428571429V92.22857142857143Q549.0285714285715 91.88571428571429 550.4571428571429 90.57142857142857Q551.8857142857144 89.25714285714285 551.8857142857144 86.85714285714286Q551.8857142857144 85.08571428571429 551.4857142857143 82.91428571428571Q551.0857142857143 80.74285714285715 550.1714285714286 77.42857142857143ZM526.4 65.14285714285714H546.9714285714285L537.8285714285714 32.971428571428575Z M657.5428571428571 18.0V21.771428571428572Q655.2571428571428 22.51428571428572 654.3142857142857 23.028571428571432Q653.3714285714285 23.542857142857144 652.7142857142857 24.4Q652.0571428571428 25.257142857142853 651.7142857142857 27.0Q651.3714285714285 28.742857142857147 651.3714285714285 32.34285714285714V96.0H636.8571428571428L611.1428571428571 51.542857142857144Q605.9428571428571 42.51428571428571 603.4857142857143 37.371428571428574H602.9714285714285Q603.5428571428571 49.65714285714286 603.5428571428571 63.31428571428572V81.71428571428572Q603.5428571428571 86.0 603.9714285714285 87.71428571428572Q604.4 89.42857142857143 605.5142857142857 90.42857142857143Q606.6285714285714 91.42857142857143 609.7142857142857 92.22857142857143V96.0H588.1142857142856V92.22857142857143Q590.2285714285714 91.65714285714286 591.4571428571428 90.97142857142858Q592.6857142857142 90.28571428571429 593.2857142857142 89.11428571428573Q593.8857142857142 87.94285714285715 594.0571428571428 86.17142857142858Q594.2285714285714 84.4 594.2285714285714 81.71428571428572V32.285714285714285Q594.2285714285714 28.0 593.8571428571429 26.371428571428574Q593.4857142857143 24.742857142857147 592.3142857142857 23.65714285714286Q591.1428571428571 22.57142857142857 588.1142857142856 21.771428571428572V18.0H611.2571428571428L631.4857142857143 53.142857142857146Q633.3714285714285 56.457142857142856 636.3999999999999 62.114285714285714Q639.4285714285713 67.77142857142857 641.7714285714285 72.8H642.6857142857142Q642.0571428571428 59.142857142857146 642.0571428571428 42.971428571428575V32.34285714285714Q642.0571428571428 28.628571428571433 641.7714285714285 26.971428571428575Q641.4857142857143 25.314285714285717 640.8857142857142 24.457142857142863Q640.2857142857142 23.60000000000001 639.2857142857142 23.028571428571432Q638.2857142857142 22.457142857142856 635.9428571428571 21.771428571428572V18.0Z M687.9428571428571 96.0V92.22857142857143Q690.342857142857 91.82857142857142 691.742857142857 91.17142857142858Q693.1428571428571 90.51428571428572 693.8285714285714 89.31428571428572Q694.5142857142856 88.11428571428571 694.6857142857142 86.25714285714287Q694.8571428571428 84.4 694.8571428571428 81.65714285714286V24.685714285714283H690.2285714285714Q686.8 24.685714285714283 684.9714285714285 25.485714285714288Q683.1428571428571 26.285714285714292 681.8 28.000000000000007Q680.4571428571428 29.714285714285722 679.4857142857143 32.60000000000001Q678.5142857142856 35.48571428571429 677.8857142857142 38.05714285714286H670.0571428571428V18.0H737.3142857142857V38.05714285714286H729.4857142857143Q728.4 34.17142857142857 727.7714285714285 32.34285714285714Q727.1428571428571 30.51428571428572 726.3714285714285 29.228571428571435Q725.5999999999999 27.94285714285715 724.742857142857 27.08571428571429Q723.8857142857142 26.228571428571428 722.9142857142856 25.714285714285715Q721.9428571428571 25.200000000000003 720.4857142857143 24.942857142857143Q719.0285714285714 24.685714285714283 716.6857142857142 24.685714285714283H712.5714285714286V81.65714285714286Q712.5714285714286 84.68571428571428 712.742857142857 86.25714285714285Q712.9142857142856 87.82857142857142 713.3714285714285 88.8Q713.8285714285714 89.77142857142857 714.4857142857143 90.37142857142857Q715.1428571428571 90.97142857142858 716.3142857142857 91.45714285714286Q717.4857142857143 91.94285714285715 719.4857142857143 92.22857142857143V96.0Z M791.1999999999999 71.82857142857142H766.7999999999998L764.9142857142856 77.25714285714285Q764.1142857142856 79.54285714285714 763.5999999999999 81.68571428571428Q763.0857142857142 83.82857142857142 763.0857142857142 86.22857142857143Q763.0857142857142 91.82857142857142 769.0285714285714 92.22857142857143V96.0H744.6285714285713V92.22857142857143Q746.742857142857 92.0 748.342857142857 90.74285714285713Q749.9428571428571 89.48571428571428 751.2571428571428 87.31428571428572Q752.5714285714284 85.14285714285714 754.0571428571427 81.08571428571429L777.8857142857141 17.60000000000001H793.142857142857L811.9999999999999 81.6Q813.2571428571428 85.88571428571429 814.1142857142856 87.68571428571428Q814.9714285714284 89.48571428571428 816.3428571428569 90.6Q817.7142857142856 91.71428571428571 820.1714285714285 92.22857142857143V96.0H788.6285714285714V92.22857142857143Q791.5999999999999 91.88571428571429 793.0285714285714 90.57142857142857Q794.4571428571428 89.25714285714285 794.4571428571428 86.85714285714286Q794.4571428571428 85.08571428571429 794.0571428571427 82.91428571428571Q793.6571428571427 80.74285714285715 792.742857142857 77.42857142857143ZM768.9714285714284 65.14285714285714H789.542857142857L780.3999999999999 32.971428571428575Z M837.9999999999998 76.74285714285715Q839.4285714285712 83.54285714285714 842.7714285714284 86.88571428571429Q846.1142857142855 90.22857142857143 852.5714285714284 90.22857142857143Q855.942857142857 90.22857142857143 858.6285714285713 89.08571428571429Q861.3142857142856 87.94285714285715 862.9428571428571 85.4Q864.5714285714284 82.85714285714286 864.5714285714284 79.02857142857142Q864.5714285714284 75.4857142857143 863.2571428571428 72.8857142857143Q861.942857142857 70.28571428571429 859.0285714285712 67.94285714285715Q856.1142857142855 65.6 850.9142857142855 62.971428571428575Q846.4571428571427 60.74285714285715 842.8571428571427 58.34285714285714Q839.2571428571426 55.94285714285714 836.7142857142856 53.05714285714286Q834.1714285714284 50.17142857142857 832.7714285714284 46.74285714285715Q831.3714285714284 43.31428571428572 831.3714285714284 39.02857142857143Q831.3714285714284 32.0 834.8571428571427 27.08571428571429Q838.3428571428569 22.171428571428578 844.942857142857 19.628571428571433Q851.542857142857 17.08571428571429 860.2285714285713 17.08571428571429Q865.3142857142856 17.08571428571429 869.9428571428571 17.628571428571433Q874.5714285714284 18.171428571428578 880.5142857142855 19.542857142857144V36.114285714285714H872.6857142857141Q871.5999999999998 31.60000000000001 869.9142857142856 28.94285714285715Q868.2285714285713 26.285714285714292 865.7142857142856 25.028571428571432Q863.1999999999998 23.771428571428572 859.3714285714284 23.771428571428572Q856.1142857142855 23.771428571428572 853.542857142857 24.914285714285718Q850.9714285714284 26.057142857142864 849.485714285714 28.314285714285717Q847.9999999999998 30.57142857142857 847.9999999999998 33.77142857142857Q847.9999999999998 37.08571428571429 849.2857142857141 39.51428571428572Q850.5714285714284 41.94285714285714 853.5999999999999 44.25714285714286Q856.6285714285713 46.57142857142858 862.3999999999999 49.542857142857144Q869.4285714285712 53.2 873.4571428571427 56.714285714285715Q877.4857142857142 60.22857142857143 879.3999999999999 64.37142857142857Q881.3142857142856 68.51428571428572 881.3142857142856 74.0Q881.3142857142856 81.02857142857142 878.0571428571427 86.19999999999999Q874.7999999999998 91.37142857142857 868.5714285714284 94.14285714285714Q862.3428571428569 96.91428571428571 854.1714285714284 96.91428571428571Q848.3428571428569 96.91428571428571 842.0285714285712 96.25714285714285Q835.7142857142856 95.6 830.1714285714284 94.34285714285714V76.74285714285715Z M918.7428571428569 81.65714285714286Q918.7428571428569 83.65714285714286 918.8571428571427 85.37142857142857Q918.9714285714283 87.08571428571429 919.3142857142855 88.17142857142858Q919.6571428571426 89.25714285714285 920.3142857142855 90.0Q920.9714285714283 90.74285714285715 922.1142857142854 91.28571428571428Q923.2571428571426 91.82857142857142 924.9142857142855 92.22857142857143V96.0H894.9142857142855V92.22857142857143Q897.0285714285712 91.65714285714286 898.2571428571426 91.0Q899.485714285714 90.34285714285714 900.0857142857141 89.17142857142858Q900.6857142857141 88.0 900.8571428571427 86.2Q901.0285714285712 84.4 901.0285714285712 81.65714285714286V32.34285714285714Q901.0285714285712 29.60000000000001 900.8857142857141 27.828571428571436Q900.7428571428569 26.057142857142864 900.1428571428569 24.885714285714293Q899.542857142857 23.714285714285722 898.3142857142855 23.028571428571432Q897.0857142857141 22.34285714285714 894.9142857142855 21.771428571428572V18.0H924.9142857142855V21.771428571428572Q922.5714285714283 22.400000000000006 921.4571428571426 23.11428571428572Q920.3428571428569 23.828571428571436 919.7714285714284 24.85714285714286Q919.1999999999998 25.885714285714286 918.9714285714283 27.542857142857144Q918.7428571428569 29.200000000000003 918.7428571428569 32.4Z'\/%3E%3CclipPath id='ctdb'%3E%3Cuse href='%23ptdb'\/%3E%3C\/clipPath%3E%3ClinearGradient id='ftdb' x1='0' y1='18' x2='0' y2='96' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0.0' stop-color='%23e6feff'\/%3E%3Cstop offset='0.25' stop-color='%238df0ff'\/%3E%3Cstop offset='0.5' stop-color='%231cc4e8'\/%3E%3Cstop offset='0.75' stop-color='%23055a70'\/%3E%3Cstop offset='1.0' stop-color='%23c0f7ff'\/%3E%3C\/linearGradient%3E%3ClinearGradient id='stdb' x1='0' y1='18' x2='0' y2='57.0' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23ffffff' stop-opacity='0.5'\/%3E%3Cstop offset='1' stop-color='%23ffffff' stop-opacity='0'\/%3E%3C\/linearGradient%3E%3Cfilter id='dtdb' x='-15%25' y='-15%25' width='130%25' height='150%25'%3E%3CfeDropShadow dx='0' dy='5.6' stdDeviation='6.2' flood-color='%23000' flood-opacity='.35'\/%3E%3C\/filter%3E%3C\/defs%3E%3Cg filter='url(%23dtdb)'%3E%3Cuse href='%23ptdb' x='6.72' y='9.28' fill='%23010f13'\/%3E%3Cuse href='%23ptdb' x='6.30' y='8.70' fill='%23011419'\/%3E%3Cuse href='%23ptdb' x='5.88' y='8.12' fill='%2302181f'\/%3E%3Cuse href='%23ptdb' x='5.46' y='7.54' fill='%23021d24'\/%3E%3Cuse href='%23ptdb' x='5.04' y='6.96' fill='%2302222a'\/%3E%3Cuse href='%23ptdb' x='4.62' y='6.38' fill='%23022630'\/%3E%3Cuse href='%23ptdb' x='4.20' y='5.80' fill='%23022b36'\/%3E%3Cuse href='%23ptdb' x='3.78' y='5.22' fill='%2303303c'\/%3E%3Cuse href='%23ptdb' x='3.36' y='4.64' fill='%23033442'\/%3E%3Cuse href='%23ptdb' x='2.94' y='4.06' fill='%23033947'\/%3E%3Cuse href='%23ptdb' x='2.52' y='3.48' fill='%23043e4d'\/%3E%3Cuse href='%23ptdb' x='2.10' y='2.90' fill='%23044353'\/%3E%3Cuse href='%23ptdb' x='1.68' y='2.32' fill='%23044759'\/%3E%3Cuse href='%23ptdb' x='1.26' y='1.74' fill='%23044c5f'\/%3E%3Cuse href='%23ptdb' x='0.84' y='1.16' fill='%23045164'\/%3E%3Cuse href='%23ptdb' x='0.42' y='0.58' fill='%2305556a'\/%3E%3Cuse href='%23ptdb' fill='url(%23ftdb)'\/%3E%3Cg clip-path='url(%23ctdb)'%3E%3C\/g%3E%3Cuse href='%23ptdb' fill='none' stroke='%23ffffff' stroke-opacity='0.45' stroke-width='1.3'\/%3E%3Crect x='-400' y='16' width='4000' height='41.0' fill='url(%23stdb)' clip-path='url(%23ctdb)'\/%3E%3C\/g%3E%3Crect x='0' y='117' width='428.0' height='3.4' fill='%238a2be2'\/%3E%3Crect x='483.8' y='117' width='446.6' height='3.4' fill='%231cc4e8'\/%3E%3Cpath d='M455.9 108L465.9 118L455.9 128L445.9 118Z' fill='%23c694ff'\/%3E%3Crect x='948.3' y='30' width='204.3' height='42' rx='10' fill='%23e9eef1' stroke='%238a2be2' stroke-width='2.6'\/%3E%3Cpath d='M975.9912087912086 60.0H964.452747252747V58.54945054945055Q965.2659340659338 58.32967032967033 965.7384615384613 58.07692307692308Q966.2109890109888 57.824175824175825 966.441758241758 57.37362637362637Q966.6725274725272 56.92307692307692 966.7384615384613 56.230769230769226Q966.8043956043954 55.53846153846154 966.8043956043954 54.48351648351648V35.53846153846153Q966.8043956043954 34.505494505494504 966.7494505494503 33.802197802197796Q966.6945054945053 33.098901098901095 966.4637362637361 32.65934065934066Q966.2329670329668 32.21978021978022 965.7604395604394 31.94505494505494Q965.2879120879119 31.670329670329668 964.452747252747 31.45054945054945V29.999999999999996H977.2659340659338Q979.8593406593404 29.999999999999996 981.6725274725272 30.362637362637358Q983.485714285714 30.725274725274723 984.8483516483515 31.47252747252747Q985.9912087912086 32.08791208791209 986.7824175824173 33.02197802197802Q987.5736263736262 33.956043956043956 988.0021978021975 35.1978021978022Q988.430769230769 36.43956043956044 988.430769230769 38.08791208791209Q988.430769230769 40.24175824175824 987.6725274725272 41.78021978021978Q986.9142857142855 43.318681318681314 985.6285714285711 44.340659340659336Q984.3428571428569 45.36263736263736 982.1890109890107 46.26373626373626V46.48351648351648Q983.8153846153843 47.18681318681318 984.8813186813184 48.36263736263736Q985.9472527472525 49.53846153846154 986.8043956043954 51.34065934065934L988.1890109890107 54.32967032967033Q989.1120879120876 56.32967032967033 990.0241758241756 57.32967032967033Q990.9362637362635 58.32967032967033 992.1890109890107 58.54945054945055V60.0H983.7274725274723Q982.452747252747 58.24175824175824 980.8483516483515 54.76923076923077L979.1340659340657 51.01098901098901Q978.364835164835 49.34065934065934 977.8153846153843 48.63736263736264Q977.2659340659338 47.934065934065934 976.6835164835163 47.670329670329664Q976.1010989010987 47.4065934065934 974.8923076923074 47.4065934065934H973.6175824175822V54.48351648351648Q973.6175824175822 56.13186813186813 973.7714285714284 56.79120879120879Q973.9252747252746 57.45054945054945 974.364835164835 57.84615384615385Q974.8043956043954 58.24175824175824 975.9912087912086 58.54945054945055ZM973.6175824175822 32.61538461538461V44.83516483516483H975.7934065934064Q977.5516483516482 44.83516483516483 978.6945054945053 44.36263736263736Q979.8373626373624 43.89010989010989 980.5076923076921 43.043956043956044Q981.1780219780218 42.1978021978022 981.4307692307691 41.05494505494505Q981.6835164835163 39.91208791208791 981.6835164835163 38.54945054945055Q981.6835164835163 35.56043956043956 980.2769230769229 34.065934065934066Q978.8703296703295 32.57142857142857 976.1010989010987 32.57142857142857Q974.2109890109888 32.57142857142857 973.6175824175822 32.61538461538461Z M1008.397802197802 54.48351648351648Q1008.397802197802 55.252747252747255 1008.441758241758 55.91208791208791Q1008.485714285714 56.57142857142857 1008.6175824175822 56.98901098901099Q1008.7494505494503 57.40659340659341 1009.0021978021975 57.69230769230769Q1009.2549450549449 57.97802197802198 1009.6945054945053 58.18681318681318Q1010.1340659340657 58.395604395604394 1010.7714285714284 58.54945054945055V60.0H999.2329670329668V58.54945054945055Q1000.0461538461536 58.32967032967033 1000.518681318681 58.07692307692308Q1000.9912087912086 57.824175824175825 1001.2219780219777 57.37362637362637Q1001.452747252747 56.92307692307692 1001.518681318681 56.230769230769226Q1001.5846153846152 55.53846153846154 1001.5846153846152 54.48351648351648V35.51648351648352Q1001.5846153846152 34.46153846153846 1001.5296703296701 33.78021978021978Q1001.4747252747251 33.098901098901095 1001.2439560439559 32.64835164835165Q1001.0131868131866 32.1978021978022 1000.5406593406592 31.934065934065934Q1000.0681318681317 31.670329670329668 999.2329670329668 31.45054945054945V29.999999999999996H1010.7714285714284V31.45054945054945Q1009.8703296703295 31.69230769230769 1009.4417582417581 31.967032967032964Q1009.0131868131866 32.24175824175824 1008.7934065934064 32.637362637362635Q1008.5736263736262 33.03296703296703 1008.485714285714 33.670329670329664Q1008.397802197802 34.30769230769231 1008.397802197802 35.53846153846153Z M1038.6945054945052 37.20879120879121Q1039.0241758241757 36.285714285714285 1039.2109890109887 35.472527472527474Q1039.3978021978019 34.65934065934066 1039.3978021978019 33.75824175824175Q1039.3978021978019 32.68131868131868 1038.8373626373623 32.10989010989011Q1038.276923076923 31.538461538461537 1037.1120879120876 31.45054945054945V29.999999999999996H1046.584615384615V31.45054945054945Q1045.7494505494503 31.58241758241758 1045.1670329670328 31.989010989010985Q1044.584615384615 32.395604395604394 1044.1120879120876 33.15384615384615Q1043.6395604395602 33.91208791208791 1043.0021978021975 35.62637362637362L1033.7934065934064 60.15384615384615H1028.7164835164833L1021.463736263736 35.53846153846153Q1020.9802197802195 33.89010989010988 1020.6505494505492 33.19780219780219Q1020.3208791208789 32.505494505494504 1019.7934065934064 32.07692307692307Q1019.2659340659338 31.648351648351646 1018.3208791208789 31.45054945054945V29.999999999999996H1030.474725274725V31.45054945054945Q1029.3318681318679 31.58241758241758 1028.7824175824173 32.08791208791209Q1028.2329670329668 32.59340659340659 1028.2329670329668 33.51648351648352Q1028.2329670329668 34.24175824175824 1028.3648351648349 34.93406593406593Q1028.4967032967031 35.62637362637362 1028.9142857142856 37.14285714285714L1033.2659340659338 52.92307692307692Z M1069.1450549450547 50.7032967032967H1059.7604395604394L1059.0351648351646 52.79120879120879Q1058.7274725274722 53.67032967032967 1058.52967032967 54.494505494505496Q1058.3318681318679 55.31868131868132 1058.3318681318679 56.24175824175824Q1058.3318681318679 58.395604395604394 1060.617582417582 58.54945054945055V60.0H1051.2329670329668V58.54945054945055Q1052.0461538461536 58.46153846153846 1052.6615384615384 57.97802197802198Q1053.276923076923 57.494505494505496 1053.7824175824173 56.65934065934066Q1054.2879120879118 55.824175824175825 1054.8593406593404 54.26373626373626L1064.0241758241755 29.846153846153843H1069.8923076923074L1077.1450549450547 54.46153846153846Q1077.6285714285711 56.10989010989011 1077.9582417582415 56.8021978021978Q1078.2879120879118 57.494505494505496 1078.8153846153843 57.92307692307692Q1079.342857142857 58.35164835164835 1080.2879120879118 58.54945054945055V60.0H1068.1560439560437V58.54945054945055Q1069.2989010989008 58.417582417582416 1069.8483516483514 57.91208791208791Q1070.3978021978019 57.40659340659341 1070.3978021978019 56.48351648351648Q1070.3978021978019 55.8021978021978 1070.2439560439557 54.967032967032964Q1070.0901098901097 54.13186813186813 1069.7384615384613 52.857142857142854ZM1060.5956043956041 48.13186813186813H1068.507692307692L1064.9912087912085 35.75824175824175Z M1099.3978021978019 29.999999999999996V31.45054945054945Q1098.6065934065932 31.670329670329668 1098.1450549450547 31.92307692307692Q1097.6835164835163 32.175824175824175 1097.4307692307689 32.61538461538461Q1097.1780219780217 33.05494505494505 1097.1010989010988 33.747252747252745Q1097.0241758241757 34.43956043956044 1097.0241758241757 35.49450549450549V57.38461538461539H1101.2879120879118Q1102.5626373626371 57.38461538461539 1103.3318681318679 56.98901098901099Q1104.1010989010988 56.59340659340659 1104.6615384615384 55.76923076923077Q1105.2219780219777 54.94505494505494 1105.6285714285711 53.61538461538461Q1106.0351648351646 52.285714285714285 1106.276923076923 51.120879120879124H1109.2879120879118L1108.8043956043955 60.0H1087.8593406593404V58.54945054945055Q1088.6725274725272 58.32967032967033 1089.1450549450547 58.065934065934066Q1089.6175824175823 57.8021978021978 1089.8483516483516 57.35164835164835Q1090.0791208791206 56.9010989010989 1090.1450549450547 56.20879120879121Q1090.210989010989 55.51648351648352 1090.210989010989 54.46153846153846V35.53846153846153Q1090.210989010989 34.505494505494504 1090.156043956044 33.802197802197796Q1090.1010989010988 33.098901098901095 1089.8703296703295 32.65934065934066Q1089.6395604395602 32.21978021978022 1089.1670329670328 31.94505494505494Q1088.6945054945052 31.670329670329668 1087.8593406593404 31.45054945054945V29.999999999999996Z M1120.397802197802 52.59340659340659Q1120.9472527472526 55.20879120879121 1122.2329670329668 56.494505494505496Q1123.5186813186813 57.78021978021978 1126.0021978021978 57.78021978021978Q1127.298901098901 57.78021978021978 1128.331868131868 57.34065934065934Q1129.364835164835 56.9010989010989 1129.9912087912087 55.92307692307692Q1130.6175824175823 54.94505494505494 1130.6175824175823 53.472527472527474Q1130.6175824175823 52.10989010989011 1130.1120879120876 51.10989010989011Q1129.6065934065932 50.10989010989011 1128.485714285714 49.20879120879121Q1127.364835164835 48.30769230769231 1125.364835164835 47.2967032967033Q1123.6505494505493 46.43956043956044 1122.2659340659338 45.51648351648352Q1120.8813186813186 44.59340659340659 1119.9032967032967 43.48351648351648Q1118.9252747252747 42.37362637362637 1118.386813186813 41.05494505494505Q1117.8483516483516 39.73626373626374 1117.8483516483516 38.08791208791209Q1117.8483516483516 35.38461538461539 1119.189010989011 33.494505494505496Q1120.5296703296701 31.604395604395602 1123.0681318681318 30.626373626373624Q1125.6065934065932 29.648351648351646 1128.9472527472526 29.648351648351646Q1130.9032967032965 29.648351648351646 1132.6835164835163 29.857142857142854Q1134.463736263736 30.065934065934062 1136.7494505494503 30.59340659340659V36.967032967032964H1133.7384615384615Q1133.320879120879 35.230769230769226 1132.6725274725272 34.208791208791204Q1132.0241758241757 33.18681318681318 1131.0571428571427 32.7032967032967Q1130.0901098901097 32.21978021978022 1128.6175824175823 32.21978021978022Q1127.364835164835 32.21978021978022 1126.3758241758242 32.65934065934066Q1125.386813186813 33.098901098901095 1124.8153846153846 33.967032967032964Q1124.243956043956 34.83516483516483 1124.243956043956 36.065934065934066Q1124.243956043956 37.34065934065934 1124.7384615384613 38.27472527472528Q1125.2329670329668 39.20879120879121 1126.3978021978019 40.0989010989011Q1127.5626373626371 40.98901098901099 1129.7824175824173 42.13186813186813Q1132.485714285714 43.53846153846153 1134.0351648351648 44.89010989010988Q1135.5846153846153 46.24175824175824 1136.320879120879 47.83516483516483Q1137.0571428571427 49.42857142857143 1137.0571428571427 51.53846153846154Q1137.0571428571427 54.24175824175824 1135.8043956043955 56.230769230769226Q1134.5516483516483 58.21978021978022 1132.156043956044 59.285714285714285Q1129.7604395604394 60.35164835164835 1126.6175824175823 60.35164835164835Q1124.375824175824 60.35164835164835 1121.9472527472526 60.098901098901095Q1119.5186813186813 59.84615384615385 1117.386813186813 59.362637362637365V52.59340659340659Z' fill='%2336095c'\/%3E%3C\/g%3E%3C\/svg%3E\");\n    }\n\n    \/* =========================================================\n       BASE\n       ========================================================= *\/\n    *, *::before, *::after { box-sizing: border-box; }\n    html { -webkit-text-size-adjust: 100%; }\n    @media (prefers-reduced-motion: no-preference) { html { scroll-behavior: smooth; } }\n    :root body {\n      margin: 0;\n      padding: 0 !important;\n      min-height: 100vh;\n      background: var(--bg);\n      color: var(--text);\n      font: 400 1rem\/1.65 var(--font-body);\n      overflow-x: hidden;\n      -webkit-font-smoothing: antialiased;\n    }\n    \/* Langit berbintang & nebula (tetap di belakang seluruh halaman) *\/\n    :root body::before, :root body::after {\n      content: \"\";\n      position: fixed;\n      inset: 0;\n      z-index: -2;\n      pointer-events: none;\n    }\n    :root body::before {\n      background-image:\n        radial-gradient(1.4px 1.4px at 14px 22px, rgba(255,255,255,.95), transparent 60%),\n        radial-gradient(1px 1px at 92px 134px, rgba(224,191,255,.75), transparent 60%),\n        radial-gradient(1.4px 1.4px at 170px 60px, rgba(141,240,255,.7), transparent 60%),\n        radial-gradient(1px 1px at 48px 190px, rgba(255,255,255,.6), transparent 60%),\n        radial-gradient(1.8px 1.8px at 210px 250px, rgba(255,255,255,.85), transparent 60%),\n        radial-gradient(1px 1px at 280px 30px, rgba(198,148,255,.7), transparent 60%);\n      background-size: 230px 230px, 310px 310px, 270px 270px, 190px 190px, 360px 360px, 330px 330px;\n    }\n    :root body::after {\n      z-index: -3;\n      background:\n        radial-gradient(60% 45% at 12% 8%, rgba(138, 43, 226, .22), transparent 70%),\n        radial-gradient(50% 40% at 92% 35%, rgba(34, 211, 238, .10), transparent 70%),\n        radial-gradient(55% 45% at 30% 85%, rgba(168, 85, 247, .14), transparent 70%),\n        linear-gradient(180deg, #0c0418 0%, #0a0314 50%, #07020f 100%);\n    }\n    .twinkle {\n      position: fixed; inset: 0; z-index: -1; pointer-events: none;\n      background-image:\n        radial-gradient(1.8px 1.8px at 60px 80px, #fff, transparent 60%),\n        radial-gradient(1.5px 1.5px at 240px 180px, var(--cyan-2), transparent 60%),\n        radial-gradient(2px 2px at 380px 40px, var(--lilac-2), transparent 60%);\n      background-size: 420px 420px, 520px 520px, 610px 610px;\n      animation: twinkle 5s ease-in-out infinite alternate;\n    }\n\n    img, svg { display: block; max-width: 100%; }\n    a { color: inherit; }\n    button, input { font: inherit; color: inherit; }\n    p { margin: 0 0 1em; }\n    h1, h2, h3 { margin: 0; font-weight: 700; }\n    ::selection { background: rgba(168, 85, 247, .45); color: #fff; }\n    :focus-visible { outline: 2px solid var(--cyan-2); outline-offset: 3px; border-radius: 6px; }\n\n    .container { width: 100%; max-width: calc(var(--container) + var(--gutter) * 2); margin-inline: auto; padding-inline: var(--gutter); }\n    .sr-only { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }\n\n    .ico { width: 24px; height: 24px; flex: none; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }\n\n    \/* =========================================================\n       BUTTONS (bentuk kristal \/ heksagonal)\n       ========================================================= *\/\n    .btn {\n      --cut: 12px;\n      position: relative;\n      isolation: isolate;\n      display: inline-flex; align-items: center; justify-content: center; gap: .55em;\n      min-height: 50px;\n      padding: .85em 1.9em;\n      border: 0; background: none; cursor: pointer;\n      font: 700 .9rem\/1 var(--font-body);\n      letter-spacing: .08em; text-transform: uppercase;\n      color: #fff; text-decoration: none; white-space: nowrap;\n      transition: transform .25s var(--ease), filter .25s var(--ease);\n    }\n    .btn::before, .btn::after {\n      content: \"\"; position: absolute; inset: 0; z-index: -1;\n      clip-path: polygon(var(--cut) 0, calc(100% - var(--cut)) 0, 100% 50%, calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 50%);\n      transition: background-position .5s var(--ease), opacity .3s;\n    }\n    .btn-primary::before {\n      background: linear-gradient(110deg, #b56cff 0%, #8a2be2 40%, #2bb7e6 75%, #8df0ff 100%);\n      background-size: 220% 100%;\n      background-position: 0 0;\n    }\n    .btn-primary::after {\n      inset: 1px;\n      background: linear-gradient(180deg, rgba(255,255,255,.28), rgba(255,255,255,0) 55%);\n    }\n    .btn-primary:hover::before { background-position: 90% 0; }\n    .btn-primary:hover { transform: translateY(-2px); filter: drop-shadow(0 10px 24px rgba(138, 43, 226, .55)); }\n    .btn-primary:active { transform: translateY(0); }\n\n    .btn-ghost::before { background: linear-gradient(110deg, var(--lilac), var(--cyan-2)); }\n    .btn-ghost::after { inset: 1.5px; background: #140728; }\n    .btn-ghost:hover { transform: translateY(-2px); }\n    .btn-ghost:hover::after { background: #1f0c3d; }\n\n    .btn-sm { min-height: 42px; padding: .7em 1.4em; font-size: .78rem; --cut: 10px; }\n    .btn .ico { width: 18px; height: 18px; }\n\n    \/* =========================================================\n       1. HEADER\n       ========================================================= *\/\n    .site-header {\n      position: sticky; top: 0; z-index: 50;\n      background: rgba(10, 3, 20, .55);\n      -webkit-backdrop-filter: blur(14px) saturate(140%);\n      backdrop-filter: blur(14px) saturate(140%);\n      border-bottom: 1px solid transparent;\n      transition: background .35s, border-color .35s, box-shadow .35s;\n    }\n    .site-header.is-scrolled {\n      background: rgba(10, 3, 20, .86);\n      border-bottom-color: var(--line);\n      box-shadow: 0 10px 30px -18px rgba(0, 0, 0, .9);\n    }\n    .header-inner { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: var(--header-h); }\n    .brand { display: flex; align-items: center; gap: 18px; min-width: 0; text-decoration: none; }\n    .brand-title { line-height: 0; }\n    .brand-title .kfr-logo { height: 40px; }\n    .brand-tagline {\n      margin: 0; padding-left: 18px;\n      border-left: 1px solid var(--line);\n      font: italic 600 1rem\/1.2 var(--font-display);\n      letter-spacing: .02em;\n      color: var(--cyan-2);\n      white-space: nowrap;\n    }\n\n    \/* =========================================================\n       2. HERO\n       ========================================================= *\/\n    .hero {\n      position: relative;\n      overflow: hidden;\n      padding: clamp(36px, 6vw, 80px) 0 clamp(140px, 16vw, 210px);\n    }\n    .hero::before {\n      content: \"\"; position: absolute; inset: -20% -10% 0; z-index: -1; pointer-events: none;\n      background:\n        radial-gradient(40% 50% at 72% 42%, rgba(138, 43, 226, .38), transparent 70%),\n        radial-gradient(30% 35% at 78% 38%, rgba(34, 211, 238, .16), transparent 70%),\n        radial-gradient(35% 40% at 10% 30%, rgba(168, 85, 247, .14), transparent 70%);\n    }\n    .hero-grid { display: grid; grid-template-columns: 1.05fr .95fr; align-items: center; gap: clamp(24px, 4vw, 56px); }\n\n    .chip {\n      display: inline-flex; align-items: center; gap: .55em;\n      padding: .5em 1em;\n      border: 1px solid var(--line-2); border-radius: 999px;\n      background: rgba(34, 211, 238, .07);\n      font: 600 .78rem\/1.2 var(--font-body);\n      letter-spacing: .12em; text-transform: uppercase;\n      color: var(--cyan-2);\n    }\n    .chip .dot { width: 7px; height: 7px; border-radius: 50%; background: var(--cyan); box-shadow: 0 0 0 0 rgba(34, 211, 238, .7); animation: pulse 2s infinite; }\n\n    .hero-title {\n      margin: 22px 0 20px;\n      font: 700 clamp(2.4rem, 5vw, 4.1rem)\/1.04 var(--font-display);\n      letter-spacing: -.01em;\n      text-shadow: 0 6px 40px rgba(138, 43, 226, .35);\n    }\n    .grad-text {\n      background: linear-gradient(95deg, var(--lilac-2) 0%, var(--lilac) 35%, var(--cyan-2) 85%);\n      -webkit-background-clip: text; background-clip: text;\n      color: transparent;\n    }\n    .hero-lead { max-width: 34em; font-size: clamp(1.03rem, 1.4vw, 1.17rem); color: var(--muted); }\n\n    .signup {\n      display: flex; gap: 8px;\n      max-width: 540px; margin-top: 30px; padding: 8px;\n      background: var(--panel-2);\n      border: 1px solid var(--line);\n      border-radius: 16px;\n      box-shadow: 0 20px 50px -25px rgba(138, 43, 226, .6);\n      transition: border-color .3s, box-shadow .3s;\n    }\n    .signup:focus-within { border-color: var(--line-2); box-shadow: 0 0 0 4px rgba(34, 211, 238, .12), 0 20px 50px -25px rgba(138, 43, 226, .6); }\n    .signup-field { flex: 1; display: flex; align-items: center; gap: 10px; min-width: 0; padding-left: 12px; color: var(--dim); }\n    .signup input {\n      flex: 1; min-width: 0; height: 50px;\n      border: 0; outline: 0; background: transparent;\n      font-size: 1rem; color: var(--text);\n    }\n    .signup input::placeholder { color: var(--dim); }\n    .signup-note { margin: 14px 0 0; font-size: .9rem; color: var(--dim); }\n    .signup-note strong { color: var(--gold); font-weight: 600; }\n    .signup-msg { margin: 10px 0 0; font-size: .92rem; }\n    .signup-msg:empty { margin: 0; }\n    .signup-msg.is-error { color: #ff9db8; }\n    .signup-msg.is-ok { color: #7ff5c9; }\n\n    .hero-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 22px; margin-top: 22px; }\n    .text-link {\n      display: inline-flex; align-items: center; gap: .4em;\n      font-weight: 600; font-size: .95rem; color: var(--lilac-2); text-decoration: none;\n      border-bottom: 1px solid transparent; transition: color .2s, border-color .2s;\n    }\n    .text-link:hover { color: #fff; border-color: var(--lilac); }\n    .text-link .ico { width: 18px; height: 18px; animation: nudge 2.2s ease-in-out infinite; }\n\n    .badges { display: flex; flex-wrap: wrap; gap: 8px; margin: 26px 0 0; padding: 0; list-style: none; }\n    .badges li {\n      display: inline-flex; align-items: center; gap: .45em;\n      padding: .42em .85em;\n      border-radius: 8px;\n      background: rgba(198, 148, 255, .08);\n      border: 1px solid var(--line);\n      font-size: .84rem; color: var(--lilac-2);\n    }\n    .badges li::before { content: \"\"; width: 6px; height: 6px; background: var(--lilac); transform: rotate(45deg); }\n\n    \/* Visual hero: peti fantasi melayang *\/\n    .hero-art { position: relative; width: 100%; max-width: 540px; aspect-ratio: 1; margin-inline: auto; }\n    .hero-art .rays {\n      position: absolute; inset: -6%; border-radius: 50%;\n      background: repeating-conic-gradient(from 0deg at 50% 46%, rgba(141, 240, 255, .16) 0deg 5deg, transparent 5deg 20deg);\n      -webkit-mask: radial-gradient(circle at 50% 46%, #000 8%, transparent 62%);\n      mask: radial-gradient(circle at 50% 46%, #000 8%, transparent 62%);\n      animation: spin 90s linear infinite;\n    }\n    .hero-art .halo {\n      position: absolute; inset: 18%; border-radius: 50%;\n      background: radial-gradient(circle, rgba(168, 85, 247, .55), rgba(138, 43, 226, .15) 45%, transparent 70%);\n      filter: blur(8px);\n      animation: breathe 6s ease-in-out infinite;\n    }\n    .hero-art .rune-ring { position: absolute; inset: 2%; animation: spin 70s linear infinite; }\n    .hero-art .rune-ring text { font: 600 13px var(--font-display); letter-spacing: 5px; fill: rgba(198, 148, 255, .55); }\n    .hero-art .ring {\n      position: absolute; inset: 12%; border-radius: 50%;\n      border: 1.5px dashed rgba(141, 240, 255, .28);\n      animation: spin 50s linear infinite reverse;\n    }\n    .hero-art .ring::before, .hero-art .ring::after {\n      content: \"\"; position: absolute; width: 12px; height: 12px;\n      background: var(--cyan-2); transform: rotate(45deg);\n      box-shadow: 0 0 14px var(--cyan);\n    }\n    .hero-art .ring::before { top: -6px; left: calc(50% - 6px); }\n    .hero-art .ring::after { bottom: -6px; left: calc(50% - 6px); background: var(--lilac); box-shadow: 0 0 14px var(--violet); }\n\n    .float-group { position: absolute; inset: 0; animation: float 7s ease-in-out infinite; }\n    .island { position: absolute; left: 18%; width: 64%; top: 55%; filter: drop-shadow(0 30px 40px rgba(0, 0, 0, .55)); }\n    .chest {\n      position: absolute; left: 30%; top: 19%;\n      width: 40%; aspect-ratio: 134 \/ 153.5;\n      overflow: hidden;\n      filter: drop-shadow(0 18px 28px rgba(138, 43, 226, .6)) drop-shadow(0 0 30px rgba(141, 240, 255, .25));\n    }\n\n    .spark {\n      position: absolute; left: var(--x); bottom: 20%;\n      width: var(--s, 8px); height: var(--s, 8px);\n      background: var(--c, var(--cyan-2));\n      transform: rotate(45deg);\n      box-shadow: 0 0 12px var(--c, var(--cyan));\n      opacity: 0;\n      animation: rise var(--t, 7s) linear var(--d, 0s) infinite;\n    }\n\n    .float-card {\n      position: absolute; z-index: 2;\n      display: flex; align-items: center; gap: 10px;\n      padding: 10px 14px;\n      border-radius: 14px;\n      background: rgba(18, 7, 38, .82);\n      border: 1px solid var(--line-2);\n      box-shadow: 0 14px 30px -12px rgba(0, 0, 0, .7);\n      -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px);\n      font-size: .82rem; line-height: 1.3;\n      animation: bob 5.5s ease-in-out infinite;\n    }\n    .float-card small { display: block; color: var(--dim); font-size: .72rem; letter-spacing: .08em; text-transform: uppercase; }\n    .float-card strong { color: #fff; font-weight: 600; }\n    .float-card .ico { width: 30px; height: 30px; padding: 6px; border-radius: 8px; }\n    .float-card--a { top: 13%; left: -2%; }\n    .float-card--a .ico { color: #ffb37a; background: rgba(255, 122, 69, .14); }\n    .float-card--b { bottom: 14%; right: -3%; animation-delay: -2.5s; border-color: rgba(255, 93, 143, .35); }\n    .float-card--b .ico { color: #ff8fb1; background: rgba(255, 93, 143, .14); }\n\n    .hero-mountains { position: absolute; left: 0; right: 0; bottom: 0; z-index: -1; height: clamp(120px, 16vw, 220px); width: 100%; pointer-events: none;\n      -webkit-mask: linear-gradient(180deg, #000 55%, transparent);\n      mask: linear-gradient(180deg, #000 55%, transparent);\n    }\n\n    \/* =========================================================\n       SECTIONS \u2014 umum\n       ========================================================= *\/\n    .section { position: relative; padding: clamp(56px, 8vw, 104px) 0; scroll-margin-top: var(--header-h); }\n    .section-head { max-width: 720px; margin: 0 auto clamp(40px, 6vw, 64px); text-align: center; }\n    .section-head p { color: var(--muted); font-size: 1.06rem; margin: 0; }\n\n    .eyebrow {\n      display: inline-flex; align-items: center; gap: .75em;\n      font: 700 .78rem\/1 var(--font-body);\n      letter-spacing: .24em; text-transform: uppercase;\n      color: var(--cyan-2);\n    }\n    .eyebrow::before, .eyebrow::after { content: \"\"; width: 6px; height: 6px; background: currentColor; transform: rotate(45deg); opacity: .8; }\n\n    .h2 {\n      margin: 16px 0 14px;\n      font: 700 clamp(2rem, 4.4vw, 3.15rem)\/1.1 var(--font-display);\n      text-wrap: balance;\n      background: linear-gradient(180deg, #ffffff 10%, #e3cfff 60%, #b991ff 100%);\n      -webkit-background-clip: text; background-clip: text; color: transparent;\n    }\n    .divider { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 0 0 20px; }\n    .divider::before, .divider::after { content: \"\"; width: 72px; height: 2px; border-radius: 2px; }\n    .divider::before { background: linear-gradient(90deg, transparent, var(--violet)); }\n    .divider::after { background: linear-gradient(90deg, var(--cyan), transparent); }\n    .divider i { width: 9px; height: 9px; background: var(--lilac); transform: rotate(45deg); box-shadow: 0 0 10px var(--violet); }\n    .divider--left { justify-content: flex-start; }\n    .divider--left::before { display: none; }\n\n    .card {\n      position: relative;\n      background: linear-gradient(180deg, rgba(42, 18, 84, .55), rgba(18, 7, 38, .65));\n      border: 1px solid var(--line);\n      border-radius: var(--radius);\n      box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05), 0 24px 50px -30px rgba(0, 0, 0, .8);\n    }\n\n    \/* =========================================================\n       3. TENTANG GAME\n       ========================================================= *\/\n    .about-grid { display: grid; grid-template-columns: 1fr 1.1fr; gap: clamp(32px, 5vw, 64px); align-items: start; }\n    .about-copy p { color: var(--muted); font-size: 1.05rem; }\n    .about-copy strong { color: var(--text); }\n    .about-copy em { color: var(--cyan-2); font-style: normal; font-weight: 600; }\n\n    .lore {\n      position: relative;\n      margin: 28px 0 32px; padding: 20px 22px 20px 26px;\n      border-left: 3px solid var(--violet);\n      border-radius: 0 14px 14px 0;\n      background: linear-gradient(90deg, rgba(138, 43, 226, .16), transparent);\n    }\n    .lore p { margin: 0 0 6px; font: italic 600 1.18rem\/1.45 var(--font-display); color: var(--lilac-2); }\n    .lore cite { font-size: .85rem; font-style: normal; color: var(--dim); letter-spacing: .04em; }\n\n    .facts { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; margin: 0; padding: 0; list-style: none; }\n    .facts li { padding: 14px 10px; text-align: center; border-radius: 12px; border: 1px solid var(--line); background: rgba(198, 148, 255, .05); }\n    .facts strong { display: block; font: 700 1.9rem\/1 var(--font-display); color: var(--cyan-2); }\n    .facts span { display: block; margin-top: 6px; font-size: .78rem; line-height: 1.3; color: var(--muted); }\n\n    .pillars { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; }\n    .pillar { padding: 26px 24px; transition: transform .35s var(--ease), border-color .35s; }\n    .pillar:nth-child(even) { transform: translateY(28px); }\n    .pillar:hover { border-color: var(--line-2); }\n    .pillar-ico {\n      display: grid; place-items: center;\n      width: 52px; height: 52px; margin-bottom: 18px;\n      border-radius: 14px;\n      color: var(--cyan-2);\n      background: linear-gradient(135deg, rgba(138, 43, 226, .45), rgba(34, 211, 238, .18));\n      border: 1px solid var(--line-2);\n      box-shadow: 0 10px 24px -10px rgba(138, 43, 226, .8);\n    }\n    .pillar h3 { margin-bottom: 8px; font: 700 1.2rem\/1.25 var(--font-display); }\n    .pillar p { margin: 0; color: var(--muted); font-size: .96rem; }\n\n    \/* =========================================================\n       4. PERAN KARAKTER\n       ========================================================= *\/\n    .roles { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }\n    .role {\n      --accent: var(--lilac);\n      display: flex; flex-direction: column;\n      padding: 30px 22px 24px;\n      overflow: hidden;\n      transition: transform .4s var(--ease), border-color .4s, box-shadow .4s;\n    }\n    .role::before {\n      content: \"\"; position: absolute; inset: 0 0 auto; height: 160px; pointer-events: none;\n      background: radial-gradient(70% 100% at 50% 0%, color-mix(in srgb, var(--accent) 28%, transparent), transparent 75%);\n      opacity: .8; transition: opacity .4s;\n    }\n    .role:hover { transform: translateY(-8px); border-color: color-mix(in srgb, var(--accent) 55%, transparent); box-shadow: 0 30px 60px -30px color-mix(in srgb, var(--accent) 70%, transparent); }\n    .role:hover::before { opacity: 1; }\n    .role--tank { --accent: #ffc35c; }\n    .role--mage { --accent: #b77bff; }\n    .role--assassin { --accent: #ff5d8f; }\n    .role--healer { --accent: #4ff0c2; }\n\n    .role-emblem { position: relative; width: 74px; height: 74px; margin: 4px auto 22px; display: grid; place-items: center; color: var(--accent); }\n    .role-emblem::before {\n      content: \"\"; position: absolute; inset: 11px;\n      transform: rotate(45deg);\n      border-radius: 12px;\n      border: 1.5px solid color-mix(in srgb, var(--accent) 70%, transparent);\n      background: linear-gradient(135deg, color-mix(in srgb, var(--accent) 30%, #1a0a33), #12062a);\n      box-shadow: 0 0 26px -4px color-mix(in srgb, var(--accent) 70%, transparent);\n      transition: transform .6s var(--ease);\n    }\n    .role:hover .role-emblem::before { transform: rotate(225deg); }\n    .role-emblem .ico { position: relative; width: 30px; height: 30px; }\n\n    .role-name { text-align: center; font: 700 1.55rem\/1.1 var(--font-display); }\n    .role-title { display: block; margin: 6px 0 14px; text-align: center; font-size: .78rem; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; color: var(--accent); }\n    .role p { color: var(--muted); font-size: .95rem; text-align: center; margin-bottom: 20px; }\n\n    .stats { display: grid; gap: 10px; margin: auto 0 18px; padding: 0; list-style: none; }\n    .stat { display: grid; grid-template-columns: 1fr auto; gap: 4px 8px; font-size: .78rem; color: var(--muted); }\n    .stat b { font-weight: 600; color: var(--text); font-variant-numeric: tabular-nums; }\n    .bar { grid-column: 1 \/ -1; height: 6px; border-radius: 4px; background: rgba(255, 255, 255, .08); overflow: hidden; }\n    .bar i { display: block; height: 100%; width: calc(var(--v) * 1%); border-radius: inherit; background: linear-gradient(90deg, color-mix(in srgb, var(--accent) 60%, transparent), var(--accent)); transform-origin: left; transition: transform 1.2s var(--ease) .2s; }\n    .js .role:not(.is-visible) .bar i { transform: scaleX(0); }\n\n    .signature { display: flex; align-items: center; gap: 10px; padding: 10px 12px; border-radius: 10px; background: rgba(255, 255, 255, .04); border: 1px dashed color-mix(in srgb, var(--accent) 40%, transparent); font-size: .85rem; }\n    .signature small { display: block; font-size: .68rem; letter-spacing: .14em; text-transform: uppercase; color: var(--dim); }\n    .signature strong { color: var(--accent); font-weight: 600; }\n    .signature .ico { width: 18px; height: 18px; color: var(--accent); }\n\n    \/* =========================================================\n       5. KOMBINASI KEMAMPUAN\n       ========================================================= *\/\n    .combo { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; align-items: stretch; }\n    .combo-picker, .combo-result { padding: clamp(22px, 3vw, 34px); }\n    .combo-label { margin: 0 0 16px; font-size: .8rem; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: var(--dim); }\n\n    .slots { display: flex; align-items: center; gap: 12px; margin-bottom: 26px; }\n    .slot {\n      flex: 1; display: flex; align-items: center; gap: 12px;\n      min-height: 64px; padding: 10px 14px;\n      border-radius: 14px;\n      border: 1.5px dashed var(--line);\n      color: var(--dim); font-size: .92rem;\n      transition: border-color .3s, background .3s;\n    }\n    .slot.is-filled { border-style: solid; border-color: color-mix(in srgb, var(--c) 60%, transparent); background: color-mix(in srgb, var(--c) 10%, transparent); color: var(--text); font-weight: 600; }\n    .slot .ico { width: 34px; height: 34px; padding: 7px; border-radius: 10px; color: var(--c, var(--dim)); background: rgba(255, 255, 255, .05); }\n    .slots-plus { flex: none; font: 700 1.6rem\/1 var(--font-display); color: var(--lilac); }\n\n    .elements { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }\n    .el {\n      --c: #fff;\n      display: flex; flex-direction: column; align-items: center; gap: 8px;\n      padding: 16px 8px 14px;\n      border-radius: 14px;\n      border: 1px solid var(--line);\n      background: rgba(255, 255, 255, .03);\n      cursor: pointer;\n      font-size: .9rem; font-weight: 600;\n      transition: transform .25s var(--ease), border-color .25s, background .25s, box-shadow .25s;\n    }\n    .el .ico { width: 30px; height: 30px; color: var(--c); transition: transform .3s var(--ease); }\n    .el:hover { transform: translateY(-3px); border-color: color-mix(in srgb, var(--c) 50%, transparent); }\n    .el:hover .ico { transform: scale(1.12); }\n    .el[aria-pressed=\"true\"] {\n      border-color: var(--c);\n      background: color-mix(in srgb, var(--c) 14%, transparent);\n      box-shadow: 0 0 0 1px var(--c) inset, 0 10px 30px -12px var(--c);\n    }\n    .el--api { --c: #ff8a4c; } .el--es { --c: #8df0ff; } .el--petir { --c: #ffe066; }\n    .el--angin { --c: #7dffb2; } .el--cahaya { --c: #fff0b3; } .el--bayangan { --c: #b48cff; }\n    .combo-hint { margin: 16px 0 0; font-size: .86rem; color: var(--dim); }\n\n    .combo-result { display: flex; flex-direction: column; align-items: center; text-align: center; overflow: hidden; --c1: #ff8a4c; --c2: #8df0ff; }\n    .combo-result::before {\n      content: \"\"; position: absolute; inset: 0; pointer-events: none; border-radius: inherit;\n      background: radial-gradient(60% 45% at 50% 18%, color-mix(in srgb, var(--c1) 22%, transparent), transparent 70%),\n                  radial-gradient(60% 45% at 50% 30%, color-mix(in srgb, var(--c2) 18%, transparent), transparent 70%);\n      transition: background .6s;\n    }\n    .orb { position: relative; width: 132px; height: 132px; margin: 6px 0 22px; }\n    .orb::before {\n      content: \"\"; position: absolute; inset: 0; border-radius: 50%;\n      background: conic-gradient(from 0deg, var(--c1), var(--c2), var(--c1), var(--c2), var(--c1));\n      filter: blur(1px);\n      animation: spin 8s linear infinite;\n      box-shadow: 0 0 50px -6px var(--c1), 0 0 70px -10px var(--c2);\n    }\n    .orb::after {\n      content: \"\"; position: absolute; inset: 10px; border-radius: 50%;\n      background: radial-gradient(circle at 34% 28%, rgba(255, 255, 255, .55), rgba(255, 255, 255, 0) 30%), radial-gradient(circle at 50% 55%, #2a1150 0%, #150728 70%);\n      box-shadow: inset 0 0 22px color-mix(in srgb, var(--c1) 55%, transparent), inset 0 -10px 26px color-mix(in srgb, var(--c2) 45%, transparent);\n    }\n    .orb .ico { position: absolute; z-index: 1; width: 40px; height: 40px; top: 50%; left: 50%; margin: -20px 0 0 -20px; color: #fff; filter: drop-shadow(0 0 8px rgba(255, 255, 255, .7)); }\n    .combo-formula { position: relative; margin: 0 0 6px; font-size: .82rem; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: var(--dim); }\n    .combo-name { position: relative; font: 700 clamp(1.8rem, 3.4vw, 2.4rem)\/1.1 var(--font-display); }\n    .combo-tag {\n      position: relative;\n      display: inline-block; margin: 12px 0 16px; padding: .35em .9em;\n      border-radius: 999px;\n      font-size: .78rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase;\n      color: #120626; background: linear-gradient(90deg, var(--c1), var(--c2));\n    }\n    .combo-desc { position: relative; max-width: 30em; color: var(--muted); }\n    .combo-roles { position: relative; margin: auto 0 0; padding-top: 8px; font-size: .88rem; color: var(--dim); }\n    .combo-roles strong { color: var(--text); font-weight: 600; }\n    .combo-body { display: contents; }\n    .combo-result.is-swapping .orb, .combo-result.is-swapping .combo-name, .combo-result.is-swapping .combo-tag, .combo-result.is-swapping .combo-desc { animation: pop .55s var(--ease); }\n\n    .tactics { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; margin-top: 20px; }\n    .tactic { padding: 24px 22px; }\n    .tactic-step { display: inline-grid; place-items: center; width: 34px; height: 34px; margin-bottom: 14px; border-radius: 10px; font: 700 1rem\/1 var(--font-display); color: #120626; background: linear-gradient(135deg, var(--lilac), var(--cyan-2)); }\n    .tactic h3 { margin-bottom: 8px; font: 700 1.18rem\/1.25 var(--font-display); }\n    .tactic p { margin: 0 0 12px; color: var(--muted); font-size: .94rem; }\n    .tactic-flow { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; font-size: .8rem; font-weight: 600; }\n    .tactic-flow span { padding: .3em .7em; border-radius: 6px; background: rgba(198, 148, 255, .1); border: 1px solid var(--line); color: var(--lilac-2); }\n    .tactic-flow em { font-style: normal; color: var(--cyan-2); }\n\n    \/* =========================================================\n       6. ARENA & RIVAL\n       ========================================================= *\/\n    .rival-layout { display: grid; grid-template-columns: 1.3fr .9fr; gap: 28px; align-items: start; }\n    .step-title { display: flex; align-items: center; gap: 12px; margin: 0 0 16px; font: 700 1.2rem\/1.2 var(--font-display); }\n    .step-title span { display: inline-grid; place-items: center; width: 30px; height: 30px; border-radius: 8px; font-size: .95rem; color: #120626; background: linear-gradient(135deg, var(--lilac), var(--cyan-2)); }\n    .step + .step { margin-top: 36px; }\n\n    .choice { position: relative; display: block; cursor: pointer; }\n    .choice input { position: absolute; opacity: 0; pointer-events: none; }\n    .choice-card { display: block; height: 100%; transition: transform .3s var(--ease), border-color .3s, box-shadow .3s, background .3s; }\n    .choice:hover .choice-card { transform: translateY(-3px); border-color: var(--line-2); }\n    .choice input:focus-visible + .choice-card { outline: 2px solid var(--cyan-2); outline-offset: 3px; }\n    .choice input:checked + .choice-card {\n      border-color: var(--cyan-2);\n      box-shadow: 0 0 0 1px var(--cyan-2) inset, 0 18px 40px -20px rgba(34, 211, 238, .7);\n    }\n    .choice-check {\n      position: absolute; top: 12px; right: 12px; z-index: 2;\n      width: 22px; height: 22px; border-radius: 50%;\n      border: 1.5px solid var(--line-2);\n      background: rgba(10, 3, 20, .6);\n      transition: background .3s, border-color .3s;\n    }\n    .choice-check::after { content: \"\"; position: absolute; left: 6px; top: 3px; width: 6px; height: 10px; border: solid #120626; border-width: 0 2px 2px 0; transform: rotate(45deg) scale(0); transition: transform .3s var(--ease); }\n    .choice input:checked + .choice-card .choice-check { background: var(--cyan-2); border-color: var(--cyan-2); }\n    .choice input:checked + .choice-card .choice-check::after { transform: rotate(45deg) scale(1); }\n\n    .rivals { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }\n    .rival-card { padding: 20px 18px; }\n    .rival-card .ico { width: 40px; height: 40px; padding: 8px; margin-bottom: 12px; border-radius: 12px; color: var(--lilac-2); background: rgba(198, 148, 255, .12); border: 1px solid var(--line); }\n    .rival-card .t { display: block; margin-bottom: 6px; font: 700 1.1rem\/1.2 var(--font-display); color: var(--text); padding-right: 24px; }\n    .rival-card .d { display: block; font-size: .88rem; line-height: 1.5; color: var(--muted); }\n\n    .arenas { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; }\n    .arena-card { overflow: hidden; }\n    .arena-art { display: block; aspect-ratio: 16 \/ 8.5; overflow: hidden; border-bottom: 1px solid var(--line); }\n    .arena-art svg { width: 100%; height: 100%; transition: transform .8s var(--ease); }\n    .choice:hover .arena-art svg { transform: scale(1.06); }\n    .arena-info { display: block; padding: 14px 16px 16px; }\n    .arena-info .t { display: block; font: 700 1.08rem\/1.25 var(--font-display); color: var(--text); }\n    .arena-info .m { display: inline-flex; align-items: center; gap: .4em; margin-top: 8px; padding: .25em .65em; border-radius: 6px; font-size: .76rem; font-weight: 600; color: var(--gold); background: rgba(255, 200, 97, .1); border: 1px solid rgba(255, 200, 97, .25); }\n\n    .story { position: sticky; top: calc(var(--header-h) + 20px); padding: 26px 24px; overflow: hidden; }\n    .story::before {\n      content: \"\"; position: absolute; inset: 0; pointer-events: none;\n      background: radial-gradient(70% 50% at 0% 0%, rgba(138, 43, 226, .3), transparent 70%), radial-gradient(70% 50% at 100% 0%, rgba(255, 93, 143, .18), transparent 70%);\n    }\n    .story > * { position: relative; }\n    .versus { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 10px; margin: 18px 0 22px; }\n    .fighter { display: flex; flex-direction: column; align-items: center; gap: 8px; text-align: center; font-size: .82rem; color: var(--muted); }\n    .fighter strong { display: block; color: var(--text); font-size: .95rem; }\n    .avatar { position: relative; width: 74px; height: 74px; display: grid; place-items: center; border-radius: 50%; border: 2px solid var(--lilac); background: radial-gradient(circle at 50% 35%, rgba(168, 85, 247, .5), #12062a 70%); box-shadow: 0 0 24px -4px var(--violet); overflow: hidden; }\n    .avatar--rival { border-color: #ff5d8f; background: radial-gradient(circle at 50% 35%, rgba(255, 93, 143, .45), #12062a 70%); box-shadow: 0 0 24px -4px #ff5d8f; color: #ffc2d4; }\n    .avatar--rival .ico { width: 34px; height: 34px; }\n    .avatar .mini-chest { position: relative; width: 44px; aspect-ratio: 134 \/ 153.5; overflow: hidden; }\n    .vs { font: 700 2.4rem\/1 var(--font-display); font-style: italic; background: linear-gradient(180deg, #fff, var(--gold)); -webkit-background-clip: text; background-clip: text; color: transparent; filter: drop-shadow(0 0 12px rgba(255, 200, 97, .45)); }\n\n    .story-meta { display: grid; gap: 10px; margin: 0 0 18px; }\n    .story-meta div { display: grid; grid-template-columns: 92px 1fr; gap: 10px; padding-bottom: 10px; border-bottom: 1px solid var(--line); font-size: .9rem; }\n    .story-meta dt { color: var(--dim); }\n    .story-meta dd { margin: 0; font-weight: 600; color: var(--text); }\n    .story-text { margin: 0 0 22px; font: italic 500 1.06rem\/1.6 var(--font-display); color: var(--lilac-2); }\n    .story .btn { width: 100%; }\n    .story.is-swapping .story-text, .story.is-swapping .story-meta dd, .story.is-swapping .fighter--rival { animation: pop .5s var(--ease); }\n\n    \/* =========================================================\n       7. FOOTER\n       ========================================================= *\/\n    .site-footer { position: relative; padding: 56px 0 40px; text-align: center; border-top: 1px solid var(--line); background: linear-gradient(180deg, rgba(18, 6, 38, .6), rgba(7, 2, 15, .9)); }\n    .footer-emblem { width: 100%; max-width: 440px; margin: 0 auto 18px; filter: drop-shadow(0 0 22px rgba(168, 85, 247, .45)); }\n    .footer-tag { margin: 0 0 8px; font: italic 600 1.05rem\/1.4 var(--font-display); color: var(--cyan-2); }\n    .copyright { margin: 0; font-size: .85rem; color: var(--dim); }\n\n    .to-top {\n      position: fixed; right: 18px; bottom: 18px; z-index: 40;\n      display: grid; place-items: center;\n      width: 48px; height: 48px;\n      border-radius: 14px;\n      border: 1px solid var(--line-2);\n      background: rgba(18, 7, 38, .88);\n      color: var(--cyan-2);\n      box-shadow: 0 10px 30px -10px rgba(0, 0, 0, .8);\n      text-decoration: none;\n      opacity: 0; transform: translateY(16px); pointer-events: none;\n      transition: opacity .35s, transform .35s var(--ease), background .25s;\n    }\n    .to-top.is-shown { opacity: 1; transform: none; pointer-events: auto; }\n    .to-top:hover { background: #27104c; }\n\n    \/* =========================================================\n       REVEAL ON SCROLL\n       ========================================================= *\/\n    .js [data-reveal] { opacity: 0; transform: translateY(28px); transition: opacity .9s var(--ease), transform .9s var(--ease); transition-delay: var(--d, 0s); }\n    .js [data-reveal].is-visible { opacity: 1; transform: none; }\n    .js .pillar[data-reveal].is-visible:nth-child(even) { transform: translateY(28px); }\n\n    \/* =========================================================\n       KEYFRAMES\n       ========================================================= *\/\n    @keyframes spin { to { transform: rotate(360deg); } }\n    @keyframes float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-14px); } }\n    @keyframes bob { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-8px); } }\n    @keyframes breathe { 0%, 100% { opacity: .75; transform: scale(1); } 50% { opacity: 1; transform: scale(1.06); } }\n    @keyframes twinkle { from { opacity: .25; } to { opacity: 1; } }\n    @keyframes rise { 0% { opacity: 0; transform: translateY(0) rotate(45deg); } 15% { opacity: 1; } 100% { opacity: 0; transform: translateY(-260px) rotate(45deg); } }\n    @keyframes pulse { 0% { box-shadow: 0 0 0 0 rgba(34, 211, 238, .7); } 70% { box-shadow: 0 0 0 9px rgba(34, 211, 238, 0); } 100% { box-shadow: 0 0 0 0 rgba(34, 211, 238, 0); } }\n    @keyframes nudge { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(3px); } }\n    @keyframes pop { 0% { opacity: 0; transform: translateY(8px) scale(.97); } 100% { opacity: 1; transform: none; } }\n\n    \/* =========================================================\n       RESPONSIVE\n       ========================================================= *\/\n    @media (max-width: 1080px) {\n      .roles { grid-template-columns: repeat(2, 1fr); }\n      .rival-layout { grid-template-columns: 1fr; }\n      .story { position: relative; top: 0; }\n    }\n    @media (max-width: 960px) {\n      .hero-grid { grid-template-columns: 1fr; }\n      .hero-art { order: -1; max-width: 400px; }\n      .hero-copy { text-align: center; }\n      .hero-lead { margin-inline: auto; }\n      .signup { margin-inline: auto; }\n      .hero-actions, .badges { justify-content: center; }\n      .about-grid { grid-template-columns: 1fr; }\n      .combo { grid-template-columns: 1fr; }\n    }\n    @media (max-width: 720px) {\n      :root { --header-h: 64px; }\n      .brand { flex-direction: column; align-items: flex-start; gap: 3px; }\n      .brand-title .kfr-logo { height: 24px; }\n      .brand-tagline { padding: 0; border: 0; font-size: .76rem; }\n      .rivals { grid-template-columns: 1fr; }\n      .rival-card { display: grid; grid-template-columns: auto 1fr; column-gap: 14px; align-items: start; }\n      .rival-card .ico { grid-row: span 2; margin: 0; }\n      .facts { grid-template-columns: repeat(2, 1fr); }\n      .tactics { grid-template-columns: 1fr; }\n    }\n    @media (max-width: 600px) {\n      .hero { padding-bottom: 96px; }\n      .hero-art { max-width: 320px; }\n      .float-card { font-size: .74rem; padding: 8px 10px; }\n      .float-card .ico { width: 26px; height: 26px; padding: 5px; }\n      .float-card--a { left: -4%; top: 6%; }\n      .float-card--b { right: -4%; bottom: 8%; }\n      .signup { flex-direction: column; }\n      .signup-field { padding: 0 10px; }\n      .signup .btn { width: 100%; }\n      .pillars { grid-template-columns: 1fr; }\n      .pillar:nth-child(even), .js .pillar[data-reveal].is-visible:nth-child(even) { transform: none; }\n      .roles { grid-template-columns: 1fr; }\n      .elements { grid-template-columns: repeat(3, 1fr); }\n      .slots { gap: 8px; }\n      .slot { padding: 8px 10px; gap: 8px; font-size: .85rem; }\n      .slot .ico { width: 30px; height: 30px; padding: 6px; }\n      .arena-info { padding: 12px 12px 14px; }\n      .arena-info .t { font-size: .95rem; }\n      .arena-info .m { font-size: .7rem; }\n      .btn-sm { padding: .7em 1.1em; }\n    }\n    @media (max-width: 440px) {\n      .header-cta-long { display: none; }\n      .brand-title .kfr-logo { height: 26px; }\n      .chip { font-size: .68rem; letter-spacing: .06em; }\n    }\n    @media (max-width: 360px) {\n      .arenas { grid-template-columns: 1fr; }\n    }\n\n    @media (prefers-reduced-motion: reduce) {\n      *, *::before, *::after { animation-duration: .001ms !important; animation-iteration-count: 1 !important; transition-duration: .001ms !important; }\n      .spark { display: none; }\n    }\n\n    \/* Logo (SVG tersemat) *\/\n    .kfr-logo { display: block; aspect-ratio: 1326 \/ 153.5; background: var(--kfr-logo) no-repeat 0 0 \/ contain; }\n    .chest, .avatar .mini-chest { background: var(--kfr-logo) no-repeat 0 0 \/ auto 100%; }\n\n    \/* =========================================================\n       PENYESUAIAN WORDPRESS (tema blok)\n       ========================================================= *\/\n    .wp-site-blocks, .wp-site-blocks > * { padding: 0 !important; margin: 0 !important; max-width: none !important; }\n    .kfr { font: 400 1rem\/1.65 var(--font-body); color: var(--text); letter-spacing: normal; }\n    .kfr a:where(:not(.btn)) { text-decoration: none; }\n    .admin-bar .site-header { top: 32px; }\n    @media (max-width: 782px) { .admin-bar .site-header { top: 46px; } }\n    @media (max-width: 600px) { .admin-bar .site-header { top: 0; } }\n\n<\/style>\n<div class=\"twinkle\" aria-hidden=\"true\"><\/div>\n  <svg width=\"0\" height=\"0\" style=\"position:absolute\" aria-hidden=\"true\" focusable=\"false\">\n    <symbol id=\"i-api\" viewBox=\"0 0 24 24\"><path d=\"M12 2.5c.6 3.4 5.5 5.6 5.5 11a5.5 5.5 0 0 1-11 0c0-2.6 1.4-4.3 2.6-5.4.2 1.8 1 3 2.2 3.5-.4-3.2-.1-6 .7-9.1z\"\/><\/symbol>\n    <symbol id=\"i-es\" viewBox=\"0 0 24 24\"><path d=\"M12 2v20M3.3 7l17.4 10M20.7 7 3.3 17M9 3.8l3 2 3-2M9 20.2l3-2 3 2M3.6 10.6l3.2-.7-1-3.2M20.4 13.4l-3.2.7 1 3.2M20.4 10.6l-3.2-.7 1-3.2M3.6 13.4l3.2.7-1 3.2\"\/><\/symbol>\n    <symbol id=\"i-petir\" viewBox=\"0 0 24 24\"><path d=\"M13.5 2 4.5 13.5h6.5L10 22l9.5-12H13z\"\/><\/symbol>\n    <symbol id=\"i-angin\" viewBox=\"0 0 24 24\"><path d=\"M3 8.5h10.5a3 3 0 1 0-3-3M3 12.5h15a3 3 0 1 1-3 3M3 16.5h7\"\/><\/symbol>\n    <symbol id=\"i-cahaya\" viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"4\"\/><path d=\"M12 2v2.5M12 19.5V22M2 12h2.5M19.5 12H22M4.9 4.9l1.8 1.8M17.3 17.3l1.8 1.8M4.9 19.1l1.8-1.8M17.3 6.7l1.8-1.8\"\/><\/symbol>\n    <symbol id=\"i-bayangan\" viewBox=\"0 0 24 24\"><path d=\"M20 14.5A8.5 8.5 0 0 1 9.5 4 8.5 8.5 0 1 0 20 14.5z\"\/><\/symbol>\n    <symbol id=\"i-sparkle\" viewBox=\"0 0 24 24\"><path d=\"M12 2.5l2.3 6.6 6.7 2.4-6.7 2.4L12 20.5l-2.3-6.6L3 11.5l6.7-2.4z\"\/><\/symbol>\n    <symbol id=\"i-compass\" viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"9.5\"\/><path d=\"M15.8 8.2 13.6 13.6 8.2 15.8 10.4 10.4z\"\/><\/symbol>\n    <symbol id=\"i-user\" viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"8\" r=\"4\"\/><path d=\"M4 21c.8-4 4-6.2 8-6.2s7.2 2.2 8 6.2\"\/><\/symbol>\n    <symbol id=\"i-crown\" viewBox=\"0 0 24 24\"><path d=\"M3 8l4.5 4L12 5l4.5 7L21 8l-2 11H5z\"\/><path d=\"M5.5 15.5h13\"\/><\/symbol>\n    <symbol id=\"i-shield\" viewBox=\"0 0 24 24\"><path d=\"M12 2.8 19.5 5.6v5.9c0 4.6-3.2 8.2-7.5 9.7-4.3-1.5-7.5-5.1-7.5-9.7V5.6z\"\/><path d=\"M8.5 10.5 12 13l3.5-2.5\"\/><\/symbol>\n    <symbol id=\"i-staff\" viewBox=\"0 0 24 24\"><path d=\"M4 20.5 14.5 10\"\/><path d=\"M17.5 2.5l1.1 2.9 2.9 1.1-2.9 1.1-1.1 2.9-1.1-2.9-2.9-1.1 2.9-1.1z\"\/><path d=\"M6.5 5l.6 1.4 1.4.6-1.4.6-.6 1.4-.6-1.4L4.5 7l1.4-.6z\"\/><\/symbol>\n    <symbol id=\"i-dagger\" viewBox=\"0 0 24 24\"><path d=\"M20.5 3.5 19.4 8 11.5 15.9 8.1 12.5 16 4.6z\"\/><path d=\"M6.6 11 13 17.4\"\/><path d=\"M9.6 16.4 5 21\"\/><circle cx=\"4.3\" cy=\"21.2\" r=\".6\"\/><\/symbol>\n    <symbol id=\"i-heart\" viewBox=\"0 0 24 24\"><path d=\"M12 20.5S4.5 16 4.5 10A4.2 4.2 0 0 1 12 7.4 4.2 4.2 0 0 1 19.5 10c0 6-7.5 10.5-7.5 10.5z\"\/><path d=\"M12 10v5M9.5 12.5h5\"\/><\/symbol>\n    <symbol id=\"i-swords\" viewBox=\"0 0 24 24\"><path d=\"M14.5 17.5 3 6V3h3l11.5 11.5M13 19l6-6M16 16l4 4M19 21l2-2M14.5 6.5 18 3h3v3l-3.5 3.5M5 14l4 4M7 17l-3 3M3 19l2 2\"\/><\/symbol>\n    <symbol id=\"i-flag\" viewBox=\"0 0 24 24\"><path d=\"M5 21.5V3.5\"\/><path d=\"M5 4h13l-3 4.5 3 4.5H5\"\/><\/symbol>\n    <symbol id=\"i-trophy\" viewBox=\"0 0 24 24\"><path d=\"M8 3.5h8v5.5a4 4 0 0 1-8 0z\"\/><path d=\"M16 5.5h3a3 3 0 0 1-3 4.2M8 5.5H5a3 3 0 0 0 3 4.2\"\/><path d=\"M12 13v4M8.5 20.5h7M10 17h4v3.5h-4z\"\/><\/symbol>\n    <symbol id=\"i-mail\" viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"5\" width=\"18\" height=\"14\" rx=\"2.5\"\/><path d=\"m3.5 6.5 8.5 6.5 8.5-6.5\"\/><\/symbol>\n    <symbol id=\"i-down\" viewBox=\"0 0 24 24\"><path d=\"M12 5v14M6 13l6 6 6-6\"\/><\/symbol>\n    <symbol id=\"i-up\" viewBox=\"0 0 24 24\"><path d=\"M12 19V5M6 11l6-6 6 6\"\/><\/symbol>\n    <symbol id=\"i-play\" viewBox=\"0 0 24 24\"><path d=\"M7 4.5v15l12-7.5z\"\/><\/symbol>\n  <\/svg>\n  <header class=\"site-header\" id=\"top\">\n    <div class=\"container header-inner\">\n      <div class=\"brand\">\n        <h1 class=\"brand-title\">\n          <span class=\"kfr-logo\" role=\"img\" aria-label=\"KOTAK FANTASI RIVALS\"><\/span>\n        <\/h1>\n        <p class=\"brand-tagline\">Imajinasi Bertemu Adu Strategi<\/p>\n      <\/div>\n      <a class=\"btn btn-primary btn-sm\" href=\"#daftar\" data-focus-signup>\n        <svg class=\"ico\" aria-hidden=\"true\"><use href=\"#i-play\"\/><\/svg>\n        <span>Main<span class=\"header-cta-long\"> Sekarang<\/span><\/span>\n      <\/a>\n    <\/div>\n  <\/header>\n  <main>\n    <section class=\"hero\" aria-labelledby=\"hero-title\">\n      <div class=\"container hero-grid\">\n        <div class=\"hero-copy\">\n          <span class=\"chip\"><span class=\"dot\" aria-hidden=\"true\"><\/span>MMORPG Open World \u00b7 Pra-Registrasi Dibuka<\/span>\n          <h2 class=\"hero-title\" id=\"hero-title\">\n            Buka Kotaknya.<br>\n            <span class=\"grad-text\">Taklukkan Rivalmu.<\/span>\n          <\/h2>\n          <p class=\"hero-lead\">\n            Jelajahi benua fantasi yang luas, temukan Kotak Fantasi berisi kekuatan magis, lalu adu strategi melawan pemain sungguhan. Di sini, imajinasimu adalah senjata paling tajam.\n          <\/p>\n          <form class=\"signup\" id=\"daftar\" action=\"\" method=\"post\" novalidate>\n            <label class=\"signup-field\">\n              <svg class=\"ico\" aria-hidden=\"true\"><use href=\"#i-mail\"\/><\/svg>\n              <span class=\"sr-only\">Alamat email<\/span>\n              <input type=\"email\" name=\"email\" id=\"email\" placeholder=\"Masukkan email kamu\" autocomplete=\"email\" required>\n            <\/label>\n            <button class=\"btn btn-primary\" type=\"submit\">Daftar Sekarang<\/button>\n          <\/form>\n          <p class=\"signup-msg\" id=\"signup-msg\" role=\"status\" aria-live=\"polite\"><\/p>\n          <p class=\"signup-note\">Pendaftar awal mendapat <strong>Kotak Pemula Eksklusif<\/strong> saat game resmi rilis.<\/p>\n          <div class=\"hero-actions\">\n            <a class=\"text-link\" href=\"#tentang\">\n              Kenali dunianya\n              <svg class=\"ico\" aria-hidden=\"true\"><use href=\"#i-down\"\/><\/svg>\n            <\/a>\n          <\/div>\n          <ul class=\"badges\" aria-label=\"Fitur utama\">\n            <li>Dunia Terbuka<\/li>\n            <li>PvP Real-time<\/li>\n            <li>4 Peran Inti<\/li>\n            <li>6 Elemen Sihir<\/li>\n          <\/ul>\n        <\/div>\n        <div class=\"hero-art\" aria-hidden=\"true\">\n          <div class=\"rays\"><\/div>\n          <div class=\"halo\"><\/div>\n          <svg class=\"rune-ring\" viewBox=\"0 0 400 400\">\n            <defs><path id=\"rune-path\" d=\"M200 200m-182 0a182 182 0 1 1 364 0a182 182 0 1 1-364 0\"\/><\/defs>\n            <text><textPath href=\"#rune-path\" textLength=\"1140\" lengthAdjust=\"spacing\">IMAJINASI \u2726 STRATEGI \u2726 KEKUATAN \u2726 RIVAL \u2726 LEGENDA \u2726 IMAJINASI \u2726 STRATEGI \u2726 RIVAL \u2726<\/textPath><\/text>\n          <\/svg>\n          <div class=\"ring\"><\/div>\n          <span class=\"spark\" style=\"--x:22%;--d:0s;--t:7s\"><\/span>\n          <span class=\"spark\" style=\"--x:34%;--d:2.4s;--t:8s;--s:6px;--c:var(--lilac)\"><\/span>\n          <span class=\"spark\" style=\"--x:47%;--d:4.1s;--t:6.5s;--s:5px\"><\/span>\n          <span class=\"spark\" style=\"--x:61%;--d:1.2s;--t:7.5s;--c:var(--lilac)\"><\/span>\n          <span class=\"spark\" style=\"--x:72%;--d:3.3s;--t:6s;--s:6px\"><\/span>\n          <span class=\"spark\" style=\"--x:80%;--d:5.2s;--t:8.5s;--s:5px;--c:var(--lilac-2)\"><\/span>\n          <div class=\"float-group\">\n            <svg class=\"island\" viewBox=\"0 0 300 170\">\n              <defs>\n                <linearGradient id=\"isl-rock\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\n                  <stop offset=\"0\" stop-color=\"#4a1f86\"\/>\n                  <stop offset=\".5\" stop-color=\"#25104a\"\/>\n                  <stop offset=\"1\" stop-color=\"#0d041c\"\/>\n                <\/linearGradient>\n                <radialGradient id=\"isl-top\" cx=\".5\" cy=\".5\" r=\".5\">\n                  <stop offset=\"0\" stop-color=\"#bff7ff\"\/>\n                  <stop offset=\".35\" stop-color=\"#8f6bff\"\/>\n                  <stop offset=\"1\" stop-color=\"#3a1670\"\/>\n                <\/radialGradient>\n              <\/defs>\n              <path d=\"M6 38C70 20 230 20 294 38L278 54 260 60 248 86 230 79 216 112 200 97 186 150 170 104 152 124 138 99 120 117 108 86 86 78 72 60 42 57z\" fill=\"url(#isl-rock)\"\/>\n              <path d=\"M186 150 170 104 180 108z M120 117 138 99 132 104z M216 112 230 79 222 84z M72 60 86 78 80 66z\" fill=\"#7a46c9\" opacity=\".55\"\/>\n              <ellipse cx=\"150\" cy=\"36\" rx=\"142\" ry=\"17\" fill=\"url(#isl-top)\"\/>\n              <ellipse cx=\"150\" cy=\"34\" rx=\"70\" ry=\"7\" fill=\"#e9fdff\" opacity=\".55\"\/>\n              <path d=\"M40 38 47 14 54 38z\" fill=\"#8df0ff\" opacity=\".85\"\/>\n              <path d=\"M52 40 56 26 60 40z\" fill=\"#c694ff\"\/>\n              <path d=\"M246 38 252 18 258 38z\" fill=\"#c694ff\" opacity=\".9\"\/>\n              <path d=\"M236 40 240 28 244 40z\" fill=\"#8df0ff\"\/>\n            <\/svg>\n            <div class=\"chest\"><\/div>\n          <\/div>\n          <div class=\"float-card float-card--a\">\n            <svg class=\"ico\" aria-hidden=\"true\"><use href=\"#i-api\"\/><\/svg>\n            <div><small>Combo baru<\/small><strong>Badai Plasma<\/strong><\/div>\n          <\/div>\n          <div class=\"float-card float-card--b\">\n            <svg class=\"ico\" aria-hidden=\"true\"><use href=\"#i-swords\"\/><\/svg>\n            <div><small>Tantangan duel<\/small><strong>Rival menunggumu!<\/strong><\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n      <svg class=\"hero-mountains\" viewBox=\"0 0 1440 220\" preserveAspectRatio=\"none\" aria-hidden=\"true\">\n        <path d=\"M0 150 90 110 170 135 260 70 340 120 420 95 520 140 610 60 700 115 790 85 880 130 980 55 1070 110 1160 80 1250 125 1340 90 1440 120V220H0z\" fill=\"#2a0f52\" opacity=\".55\"\/>\n        <path d=\"M0 175 120 140 210 165 320 120 430 170 540 135 650 175 760 130 870 168 990 120 1100 165 1210 140 1320 172 1440 150V220H0z\" fill=\"#170830\" opacity=\".9\"\/>\n      <\/svg>\n    <\/section>\n    <section class=\"section\" id=\"tentang\" aria-labelledby=\"tentang-title\">\n      <div class=\"container about-grid\">\n        <div class=\"about-copy\" data-reveal>\n          <span class=\"eyebrow\">Tentang Game<\/span>\n          <h2 class=\"h2\" id=\"tentang-title\">Dunia Fantasi yang Menunggu Dibuka<\/h2>\n          <div class=\"divider divider--left\" aria-hidden=\"true\"><i><\/i><\/div>\n          <p>\n            Selamat datang di <strong>Lumora<\/strong>, benua tempat imajinasi berubah menjadi kekuatan. Ribuan <em>Kotak Fantasi<\/em> tersebar dari hutan kristal hingga reruntuhan di atas awan. Masing-masing menyimpan mantra, artefak, dan rahasia yang menunggu untuk dibuka.\n          <\/p>\n          <p>\n            Tapi kamu tidak sendirian. Para penjelajah lain mengincar kotak yang sama, dan hanya mereka yang paling cerdik berstrategi yang akan dikenang sebagai legenda.\n          <\/p>\n          <blockquote class=\"lore\">\n            <p>\u201cSetiap kotak menyimpan satu mimpi. Setiap mimpi bisa menjadi senjata.\u201d<\/p>\n            <cite>\u2014 Prasasti Kuno Lumora<\/cite>\n          <\/blockquote>\n          <ul class=\"facts\">\n            <li><strong>6<\/strong><span>Elemen sihir<\/span><\/li>\n            <li><strong>4<\/strong><span>Peran inti<\/span><\/li>\n            <li><strong>15<\/strong><span>Kombinasi dasar<\/span><\/li>\n            <li><strong>4<\/strong><span>Arena duel<\/span><\/li>\n          <\/ul>\n        <\/div>\n        <div class=\"pillars\">\n          <article class=\"card pillar\" data-reveal style=\"--d:.05s\">\n            <div class=\"pillar-ico\"><svg class=\"ico\" aria-hidden=\"true\"><use href=\"#i-compass\"\/><\/svg><\/div>\n            <h3>Dunia Terbuka Luas<\/h3>\n            <p>Jelajahi pegunungan melayang, hutan kristal, dan kota pelabuhan yang ramai. Setiap sudut menyimpan rahasia, misi, dan Kotak Fantasi tersembunyi.<\/p>\n          <\/article>\n          <article class=\"card pillar\" data-reveal style=\"--d:.15s\">\n            <div class=\"pillar-ico\"><svg class=\"ico\" aria-hidden=\"true\"><use href=\"#i-user\"\/><\/svg><\/div>\n            <h3>Karakter Unik<\/h3>\n            <p>Racik penampilan, latar cerita, dan gaya bertarung pahlawanmu sendiri. Tidak ada dua karakter yang benar-benar sama.<\/p>\n          <\/article>\n          <article class=\"card pillar\" data-reveal style=\"--d:.25s\">\n            <div class=\"pillar-ico\"><svg class=\"ico\" aria-hidden=\"true\"><use href=\"#i-sparkle\"\/><\/svg><\/div>\n            <h3>Kekuatan Magis<\/h3>\n            <p>Api, es, petir, angin, cahaya, dan bayangan. Padukan elemen menjadi mantra baru yang bisa mengubah jalannya pertarungan.<\/p>\n          <\/article>\n          <article class=\"card pillar\" data-reveal style=\"--d:.35s\">\n            <div class=\"pillar-ico\"><svg class=\"ico\" aria-hidden=\"true\"><use href=\"#i-crown\"\/><\/svg><\/div>\n            <h3>Persaingan Antarpemain<\/h3>\n            <p>Duel satu lawan satu, perang guild, hingga liga peringkat. Strategi yang matang selalu bisa mengalahkan kekuatan mentah.<\/p>\n          <\/article>\n        <\/div>\n      <\/div>\n    <\/section>\n    <section class=\"section\" id=\"peran\" aria-labelledby=\"peran-title\">\n      <div class=\"container\">\n        <div class=\"section-head\" data-reveal>\n          <span class=\"eyebrow\">Peran Karakter<\/span>\n          <h2 class=\"h2\" id=\"peran-title\">Temukan Peran yang Sesuai Gayamu<\/h2>\n          <div class=\"divider\" aria-hidden=\"true\"><i><\/i><\/div>\n          <p>Setiap peran punya tugas penting di medan perang. Kuasai satu, atau pelajari semuanya agar kamu bisa membaca taktik lawan.<\/p>\n        <\/div>\n        <div class=\"roles\">\n          <article class=\"card role role--tank\" data-reveal style=\"--d:0s\">\n            <div class=\"role-emblem\"><svg class=\"ico\" aria-hidden=\"true\"><use href=\"#i-shield\"\/><\/svg><\/div>\n            <h3 class=\"role-name\">Tank<\/h3>\n            <span class=\"role-title\">Penjaga Garis Depan<\/span>\n            <p>Menahan gempuran musuh, menarik perhatian lawan, dan membuka ruang aman bagi seluruh tim.<\/p>\n            <ul class=\"stats\">\n              <li class=\"stat\">Ketahanan <b>95<\/b><span class=\"bar\" style=\"--v:95\"><i><\/i><\/span><\/li>\n              <li class=\"stat\">Serangan <b>45<\/b><span class=\"bar\" style=\"--v:45\"><i><\/i><\/span><\/li>\n              <li class=\"stat\">Mobilitas <b>35<\/b><span class=\"bar\" style=\"--v:35\"><i><\/i><\/span><\/li>\n              <li class=\"stat\">Dukungan <b>60<\/b><span class=\"bar\" style=\"--v:60\"><i><\/i><\/span><\/li>\n            <\/ul>\n            <div class=\"signature\"><svg class=\"ico\" aria-hidden=\"true\"><use href=\"#i-sparkle\"\/><\/svg><div><small>Skill khas<\/small><strong>Dinding Aegis<\/strong><\/div><\/div>\n          <\/article>\n          <article class=\"card role role--mage\" data-reveal style=\"--d:.1s\">\n            <div class=\"role-emblem\"><svg class=\"ico\" aria-hidden=\"true\"><use href=\"#i-staff\"\/><\/svg><\/div>\n            <h3 class=\"role-name\">Mage<\/h3>\n            <span class=\"role-title\">Penenun Mantra<\/span>\n            <p>Mengendalikan elemen dari jarak jauh. Damage area besar dan efek kontrol yang mengubah arah pertempuran.<\/p>\n            <ul class=\"stats\">\n              <li class=\"stat\">Ketahanan <b>35<\/b><span class=\"bar\" style=\"--v:35\"><i><\/i><\/span><\/li>\n              <li class=\"stat\">Serangan <b>90<\/b><span class=\"bar\" style=\"--v:90\"><i><\/i><\/span><\/li>\n              <li class=\"stat\">Mobilitas <b>45<\/b><span class=\"bar\" style=\"--v:45\"><i><\/i><\/span><\/li>\n              <li class=\"stat\">Dukungan <b>50<\/b><span class=\"bar\" style=\"--v:50\"><i><\/i><\/span><\/li>\n            <\/ul>\n            <div class=\"signature\"><svg class=\"ico\" aria-hidden=\"true\"><use href=\"#i-sparkle\"\/><\/svg><div><small>Skill khas<\/small><strong>Hujan Meteor Arkana<\/strong><\/div><\/div>\n          <\/article>\n          <article class=\"card role role--assassin\" data-reveal style=\"--d:.2s\">\n            <div class=\"role-emblem\"><svg class=\"ico\" aria-hidden=\"true\"><use href=\"#i-dagger\"\/><\/svg><\/div>\n            <h3 class=\"role-name\">Assassin<\/h3>\n            <span class=\"role-title\">Bayangan Senyap<\/span>\n            <p>Bergerak tanpa terlihat, mengincar target yang lengah, lalu menghilang sebelum lawan sempat membalas.<\/p>\n            <ul class=\"stats\">\n              <li class=\"stat\">Ketahanan <b>30<\/b><span class=\"bar\" style=\"--v:30\"><i><\/i><\/span><\/li>\n              <li class=\"stat\">Serangan <b>92<\/b><span class=\"bar\" style=\"--v:92\"><i><\/i><\/span><\/li>\n              <li class=\"stat\">Mobilitas <b>95<\/b><span class=\"bar\" style=\"--v:95\"><i><\/i><\/span><\/li>\n              <li class=\"stat\">Dukungan <b>20<\/b><span class=\"bar\" style=\"--v:20\"><i><\/i><\/span><\/li>\n            <\/ul>\n            <div class=\"signature\"><svg class=\"ico\" aria-hidden=\"true\"><use href=\"#i-sparkle\"\/><\/svg><div><small>Skill khas<\/small><strong>Tikaman Gerhana<\/strong><\/div><\/div>\n          <\/article>\n          <article class=\"card role role--healer\" data-reveal style=\"--d:.3s\">\n            <div class=\"role-emblem\"><svg class=\"ico\" aria-hidden=\"true\"><use href=\"#i-heart\"\/><\/svg><\/div>\n            <h3 class=\"role-name\">Healer<\/h3>\n            <span class=\"role-title\">Pembawa Cahaya<\/span>\n            <p>Menjaga tim tetap berdiri dengan penyembuhan, perisai, dan berkah yang bisa membalikkan keadaan.<\/p>\n            <ul class=\"stats\">\n              <li class=\"stat\">Ketahanan <b>50<\/b><span class=\"bar\" style=\"--v:50\"><i><\/i><\/span><\/li>\n              <li class=\"stat\">Serangan <b>30<\/b><span class=\"bar\" style=\"--v:30\"><i><\/i><\/span><\/li>\n              <li class=\"stat\">Mobilitas <b>50<\/b><span class=\"bar\" style=\"--v:50\"><i><\/i><\/span><\/li>\n              <li class=\"stat\">Dukungan <b>98<\/b><span class=\"bar\" style=\"--v:98\"><i><\/i><\/span><\/li>\n            <\/ul>\n            <div class=\"signature\"><svg class=\"ico\" aria-hidden=\"true\"><use href=\"#i-sparkle\"\/><\/svg><div><small>Skill khas<\/small><strong>Mekar Cahaya<\/strong><\/div><\/div>\n          <\/article>\n        <\/div>\n      <\/div>\n    <\/section>\n    <section class=\"section\" id=\"kombinasi\" aria-labelledby=\"kombinasi-title\">\n      <div class=\"container\">\n        <div class=\"section-head\" data-reveal>\n          <span class=\"eyebrow\">Kombinasi Kemampuan<\/span>\n          <h2 class=\"h2\" id=\"kombinasi-title\">Racik Skill, Ciptakan Taktik<\/h2>\n          <div class=\"divider\" aria-hidden=\"true\"><i><\/i><\/div>\n          <p>Enam elemen dasar bisa dipadukan menjadi kemampuan baru. Pilih dua elemen di bawah dan lihat taktik apa yang tercipta.<\/p>\n        <\/div>\n        <div class=\"combo\">\n          <div class=\"card combo-picker\" data-reveal>\n            <p class=\"combo-label\">Slot kombinasi<\/p>\n            <div class=\"slots\" aria-hidden=\"true\">\n              <div class=\"slot is-filled\" id=\"slot-1\" style=\"--c:#ff8a4c\"><svg class=\"ico\"><use href=\"#i-api\"\/><\/svg><span>Api<\/span><\/div>\n              <span class=\"slots-plus\">+<\/span>\n              <div class=\"slot is-filled\" id=\"slot-2\" style=\"--c:#8df0ff\"><svg class=\"ico\"><use href=\"#i-es\"\/><\/svg><span>Es<\/span><\/div>\n            <\/div>\n            <p class=\"combo-label\" id=\"elements-label\">Pilih dua elemen<\/p>\n            <div class=\"elements\" role=\"group\" aria-labelledby=\"elements-label\">\n              <button type=\"button\" class=\"el el--api\" data-el=\"api\" aria-pressed=\"true\"><svg class=\"ico\" aria-hidden=\"true\"><use href=\"#i-api\"\/><\/svg>Api<\/button>\n              <button type=\"button\" class=\"el el--es\" data-el=\"es\" aria-pressed=\"true\"><svg class=\"ico\" aria-hidden=\"true\"><use href=\"#i-es\"\/><\/svg>Es<\/button>\n              <button type=\"button\" class=\"el el--petir\" data-el=\"petir\" aria-pressed=\"false\"><svg class=\"ico\" aria-hidden=\"true\"><use href=\"#i-petir\"\/><\/svg>Petir<\/button>\n              <button type=\"button\" class=\"el el--angin\" data-el=\"angin\" aria-pressed=\"false\"><svg class=\"ico\" aria-hidden=\"true\"><use href=\"#i-angin\"\/><\/svg>Angin<\/button>\n              <button type=\"button\" class=\"el el--cahaya\" data-el=\"cahaya\" aria-pressed=\"false\"><svg class=\"ico\" aria-hidden=\"true\"><use href=\"#i-cahaya\"\/><\/svg>Cahaya<\/button>\n              <button type=\"button\" class=\"el el--bayangan\" data-el=\"bayangan\" aria-pressed=\"false\"><svg class=\"ico\" aria-hidden=\"true\"><use href=\"#i-bayangan\"\/><\/svg>Bayangan<\/button>\n            <\/div>\n            <p class=\"combo-hint\">Tips: pilih elemen ketiga untuk mengganti elemen yang pertama kamu pilih.<\/p>\n          <\/div>\n          <div class=\"card combo-result\" id=\"combo-result\" aria-live=\"polite\" data-reveal style=\"--d:.12s\">\n            <div class=\"orb\" aria-hidden=\"true\"><svg class=\"ico\"><use href=\"#i-sparkle\"\/><\/svg><\/div>\n            <p class=\"combo-formula\" id=\"combo-formula\">Api + Es<\/p>\n            <h3 class=\"combo-name\" id=\"combo-name\">Kabut Uap<\/h3>\n            <span class=\"combo-tag\" id=\"combo-tag\">Penyergapan<\/span>\n            <p class=\"combo-desc\" id=\"combo-desc\">Api mencairkan es menjadi kabut uap tebal yang menutup pandangan lawan. Saat musuh kebingungan, timmu menyerbu dari sisi yang tak terduga.<\/p>\n            <p class=\"combo-roles\">Paling efektif untuk: <strong id=\"combo-roles\">Mage + Assassin<\/strong><\/p>\n          <\/div>\n        <\/div>\n        <div class=\"tactics\">\n          <article class=\"card tactic\" data-reveal style=\"--d:0s\">\n            <span class=\"tactic-step\">I<\/span>\n            <h3>Kunci, lalu Ledakkan<\/h3>\n            <p>Perlambat atau bekukan lawan lebih dulu, kemudian lepaskan damage terbesarmu saat mereka tak bisa menghindar.<\/p>\n            <div class=\"tactic-flow\"><span>Badai Salju<\/span><em>\u2192<\/em><span>Konduksi Beku<\/span><\/div>\n          <\/article>\n          <article class=\"card tactic\" data-reveal style=\"--d:.1s\">\n            <span class=\"tactic-step\">II<\/span>\n            <h3>Tipu &amp; Sergap<\/h3>\n            <p>Kaburkan pandangan musuh, lalu serang dari arah yang tidak mereka duga. Favorit para Assassin.<\/p>\n            <div class=\"tactic-flow\"><span>Kabut Uap<\/span><em>\u2192<\/em><span>Kilat Senyap<\/span><\/div>\n          <\/article>\n          <article class=\"card tactic\" data-reveal style=\"--d:.2s\">\n            <span class=\"tactic-step\">III<\/span>\n            <h3>Bertahan &amp; Balas<\/h3>\n            <p>Serap gempuran pertama, tunggu momen yang tepat, lalu balikkan keadaan dalam satu gerakan.<\/p>\n            <div class=\"tactic-flow\"><span>Perisai Kristal<\/span><em>\u2192<\/em><span>Gerhana<\/span><\/div>\n          <\/article>\n        <\/div>\n      <\/div>\n    <\/section>\n    <section class=\"section\" id=\"arena\" aria-labelledby=\"arena-title\">\n      <div class=\"container\">\n        <div class=\"section-head\" data-reveal>\n          <span class=\"eyebrow\">Arena &amp; Rival<\/span>\n          <h2 class=\"h2\" id=\"arena-title\">Setiap Duel Punya Ceritanya Sendiri<\/h2>\n          <div class=\"divider\" aria-hidden=\"true\"><i><\/i><\/div>\n          <p>Pilih siapa lawanmu dan di mana kalian bertarung. Perpaduan rival dan arena mengubah cara bermain, sehingga tidak ada dua duel yang terasa sama.<\/p>\n        <\/div>\n        <div class=\"rival-layout\">\n          <div>\n            <fieldset class=\"step\" style=\"border:0;margin:0;padding:0;min-width:0\" data-reveal>\n              <legend class=\"step-title\"><span>1<\/span>Pilih rivalmu<\/legend>\n              <div class=\"rivals\">\n                <label class=\"choice\">\n                  <input type=\"radio\" name=\"rival\" value=\"abadi\" checked>\n                  <span class=\"card choice-card rival-card\">\n                    <span class=\"choice-check\" aria-hidden=\"true\"><\/span>\n                    <svg class=\"ico\" aria-hidden=\"true\"><use href=\"#i-swords\"\/><\/svg>\n                    <span class=\"t\">Rival Abadi<\/span>\n                    <span class=\"d\">Pemain yang pernah menjatuhkanmu tercatat sebagai rival. Setiap pertemuan menambah babak baru dalam riwayat kalian.<\/span>\n                  <\/span>\n                <\/label>\n                <label class=\"choice\">\n                  <input type=\"radio\" name=\"rival\" value=\"guild\">\n                  <span class=\"card choice-card rival-card\">\n                    <span class=\"choice-check\" aria-hidden=\"true\"><\/span>\n                    <svg class=\"ico\" aria-hidden=\"true\"><use href=\"#i-flag\"\/><\/svg>\n                    <span class=\"t\">Rival Guild<\/span>\n                    <span class=\"d\">Tantang guild lain demi wilayah. Kemenangan mengubah warna bendera di peta benua.<\/span>\n                  <\/span>\n                <\/label>\n                <label class=\"choice\">\n                  <input type=\"radio\" name=\"rival\" value=\"peringkat\">\n                  <span class=\"card choice-card rival-card\">\n                    <span class=\"choice-check\" aria-hidden=\"true\"><\/span>\n                    <svg class=\"ico\" aria-hidden=\"true\"><use href=\"#i-trophy\"\/><\/svg>\n                    <span class=\"t\">Rival Peringkat<\/span>\n                    <span class=\"d\">Lawan selevel dari liga yang sama. Setiap musim membawa divisi, hadiah, dan papan juara baru.<\/span>\n                  <\/span>\n                <\/label>\n              <\/div>\n            <\/fieldset>\n            <fieldset class=\"step\" style=\"border:0;margin-bottom:0;padding:0;min-width:0\" data-reveal>\n              <legend class=\"step-title\"><span>2<\/span>Pilih arenanya<\/legend>\n              <div class=\"arenas\">\n                <label class=\"choice\">\n                  <input type=\"radio\" name=\"arena\" value=\"reruntuhan\" checked>\n                  <span class=\"card choice-card arena-card\">\n                    <span class=\"choice-check\" aria-hidden=\"true\"><\/span>\n                    <span class=\"arena-art\" aria-hidden=\"true\">\n                      <svg viewBox=\"0 0 320 170\" preserveAspectRatio=\"xMidYMid slice\">\n                        <defs><linearGradient id=\"ga1\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\"><stop offset=\"0\" stop-color=\"#25104f\"\/><stop offset=\".6\" stop-color=\"#8e4597\"\/><stop offset=\"1\" stop-color=\"#f0a66d\"\/><\/linearGradient><\/defs>\n                        <rect width=\"320\" height=\"170\" fill=\"url(#ga1)\"\/>\n                        <circle cx=\"228\" cy=\"104\" r=\"32\" fill=\"#ffd9a1\" opacity=\".55\"\/>\n                        <circle cx=\"228\" cy=\"104\" r=\"52\" fill=\"#ffd9a1\" opacity=\".12\"\/>\n                        <g fill=\"#1b0833\">\n                          <path d=\"M0 146Q80 132 160 142T320 136V170H0z\"\/>\n                          <path d=\"M36 146V70l7-6 6 4 7-3v81z\"\/>\n                          <path d=\"M28 64h36v8H28z\"\/>\n                          <path d=\"M84 146V92l5 3 7-6 6 4v53z\"\/>\n                          <path d=\"M122 146v-36a34 34 0 0 1 68 0v36h-11v-36a23 23 0 0 0-46 0v36z\"\/>\n                          <path d=\"M248 146V58l7-5 5 7 7-3v89z\"\/>\n                          <path d=\"M240 52h34v8h-34z\"\/>\n                          <path d=\"M286 146V98l6-4 6 5v47z\"\/>\n                          <path d=\"M196 146l26-13 8 13z\"\/>\n                        <\/g>\n                        <g fill=\"#ffe2b8\"><circle cx=\"70\" cy=\"40\" r=\"1.2\"\/><circle cx=\"150\" cy=\"24\" r=\"1\"\/><circle cx=\"300\" cy=\"30\" r=\"1.3\"\/><circle cx=\"190\" cy=\"56\" r=\"1\"\/><\/g>\n                      <\/svg>\n                    <\/span>\n                    <span class=\"arena-info\">\n                      <span class=\"t\">Reruntuhan Lumora<\/span>\n                      <span class=\"m\">Pilar bisa dirobohkan<\/span>\n                    <\/span>\n                  <\/span>\n                <\/label>\n                <label class=\"choice\">\n                  <input type=\"radio\" name=\"arena\" value=\"danau\">\n                  <span class=\"card choice-card arena-card\">\n                    <span class=\"choice-check\" aria-hidden=\"true\"><\/span>\n                    <span class=\"arena-art\" aria-hidden=\"true\">\n                      <svg viewBox=\"0 0 320 170\" preserveAspectRatio=\"xMidYMid slice\">\n                        <defs><linearGradient id=\"ga2\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\"><stop offset=\"0\" stop-color=\"#0a1c3f\"\/><stop offset=\".55\" stop-color=\"#2a6c9e\"\/><stop offset=\"1\" stop-color=\"#9be8f5\"\/><\/linearGradient><\/defs>\n                        <rect width=\"320\" height=\"170\" fill=\"url(#ga2)\"\/>\n                        <path d=\"M0 108 50 58l35 35 45-55 50 60 40-30 50 35 50-30v45H0z\" fill=\"#dff6ff\" opacity=\".9\"\/>\n                        <path d=\"M0 116 60 84l50 28 60-34 70 38 80-22v24H0z\" fill=\"#5aa7c9\"\/>\n                        <rect y=\"118\" width=\"320\" height=\"52\" fill=\"#0d3657\"\/>\n                        <path d=\"M0 118 60 150l50-26 60 34 70-36 80 22v-26z\" fill=\"#5aa7c9\" opacity=\".35\"\/>\n                        <path d=\"M18 136h56M118 146h88M226 160h70M40 158h40\" stroke=\"#bff4ff\" stroke-width=\"1.5\" stroke-linecap=\"round\" opacity=\".55\"\/>\n                        <path d=\"M26 118l7-24 7 24z M268 118l6-20 6 20z\" fill=\"#8df0ff\"\/>\n                        <path d=\"M36 118l4-12 4 12z\" fill=\"#e8fbff\"\/>\n                      <\/svg>\n                    <\/span>\n                    <span class=\"arena-info\">\n                      <span class=\"t\">Danau Cermin Beku<\/span>\n                      <span class=\"m\">Lantai licin, skill es menguat<\/span>\n                    <\/span>\n                  <\/span>\n                <\/label>\n                <label class=\"choice\">\n                  <input type=\"radio\" name=\"arena\" value=\"kawah\">\n                  <span class=\"card choice-card arena-card\">\n                    <span class=\"choice-check\" aria-hidden=\"true\"><\/span>\n                    <span class=\"arena-art\" aria-hidden=\"true\">\n                      <svg viewBox=\"0 0 320 170\" preserveAspectRatio=\"xMidYMid slice\">\n                        <defs><linearGradient id=\"ga3\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\"><stop offset=\"0\" stop-color=\"#14030a\"\/><stop offset=\".55\" stop-color=\"#4f0b16\"\/><stop offset=\"1\" stop-color=\"#e2531f\"\/><\/linearGradient><\/defs>\n                        <rect width=\"320\" height=\"170\" fill=\"url(#ga3)\"\/>\n                        <ellipse cx=\"160\" cy=\"176\" rx=\"190\" ry=\"64\" fill=\"#ff7a2f\" opacity=\".35\"\/>\n                        <path d=\"M0 170V92l28-24 20 28 24-42 28 48 18-12 22 80z\" fill=\"#1d0508\"\/>\n                        <path d=\"M320 170V84l-28-24-22 32-24-26-24 46-22-12-18 70z\" fill=\"#1d0508\"\/>\n                        <path d=\"M140 170q14-28 9-48-3-15 15-26 15 16 8 34-4 20 10 40z\" fill=\"#ff8a3d\"\/>\n                        <path d=\"M152 170q9-22 6-38 8 14 3 24-2 8 4 14z\" fill=\"#ffd27a\"\/>\n                        <g fill=\"#ffb36b\"><circle cx=\"120\" cy=\"60\" r=\"1.6\"\/><circle cx=\"196\" cy=\"44\" r=\"1.3\"\/><circle cx=\"166\" cy=\"30\" r=\"1.1\"\/><circle cx=\"230\" cy=\"70\" r=\"1.4\"\/><circle cx=\"90\" cy=\"34\" r=\"1\"\/><\/g>\n                      <\/svg>\n                    <\/span>\n                    <span class=\"arena-info\">\n                      <span class=\"t\">Kawah Bara<\/span>\n                      <span class=\"m\">Lava naik setiap menit<\/span>\n                    <\/span>\n                  <\/span>\n                <\/label>\n                <label class=\"choice\">\n                  <input type=\"radio\" name=\"arena\" value=\"menara\">\n                  <span class=\"card choice-card arena-card\">\n                    <span class=\"choice-check\" aria-hidden=\"true\"><\/span>\n                    <span class=\"arena-art\" aria-hidden=\"true\">\n                      <svg viewBox=\"0 0 320 170\" preserveAspectRatio=\"xMidYMid slice\">\n                        <defs><linearGradient id=\"ga4\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\"><stop offset=\"0\" stop-color=\"#05262b\"\/><stop offset=\".6\" stop-color=\"#1d6c70\"\/><stop offset=\"1\" stop-color=\"#a6f5d6\"\/><\/linearGradient><\/defs>\n                        <rect width=\"320\" height=\"170\" fill=\"url(#ga4)\"\/>\n                        <path d=\"M8 58q50-22 100 0t100 0M60 30q40-16 80 0M170 112q50-20 100 0t60 0\" stroke=\"#e6fff6\" stroke-width=\"2\" fill=\"none\" stroke-linecap=\"round\" opacity=\".45\"\/>\n                        <g fill=\"#0a2d31\">\n                          <path d=\"M152 170V52l8-20 8 20v118z\"\/>\n                          <path d=\"M144 70h32v6h-32zM146 110h28v6h-28z\"\/>\n                          <ellipse cx=\"66\" cy=\"104\" rx=\"38\" ry=\"7\"\/><path d=\"M28 104l38 30 38-30z\"\/>\n                          <ellipse cx=\"254\" cy=\"78\" rx=\"30\" ry=\"6\"\/><path d=\"M224 78l30 24 30-24z\"\/>\n                          <ellipse cx=\"236\" cy=\"146\" rx=\"26\" ry=\"5\"\/><path d=\"M210 146l26 18 26-18z\"\/>\n                        <\/g>\n                        <path d=\"M160 12l6 14-6 8-6-8z\" fill=\"#8df0ff\"\/>\n                        <circle cx=\"160\" cy=\"22\" r=\"14\" fill=\"#8df0ff\" opacity=\".18\"\/>\n                      <\/svg>\n                    <\/span>\n                    <span class=\"arena-info\">\n                      <span class=\"t\">Menara Angin<\/span>\n                      <span class=\"m\">Platform melayang berpindah<\/span>\n                    <\/span>\n                  <\/span>\n                <\/label>\n              <\/div>\n            <\/fieldset>\n          <\/div>\n          <aside class=\"card story\" id=\"story\" aria-live=\"polite\" data-reveal style=\"--d:.15s\">\n            <span class=\"eyebrow\">3 \u00b7 Cerita duelmu<\/span>\n            <div class=\"versus\" aria-hidden=\"true\">\n              <div class=\"fighter\">\n                <div class=\"avatar\"><div class=\"mini-chest\"><\/div><\/div>\n                <strong>Kamu<\/strong>\n              <\/div>\n              <span class=\"vs\">VS<\/span>\n              <div class=\"fighter fighter--rival\">\n                <div class=\"avatar avatar--rival\"><svg class=\"ico\" id=\"story-ico\"><use href=\"#i-swords\"\/><\/svg><\/div>\n                <strong id=\"story-rival-short\">Rival Abadi<\/strong>\n              <\/div>\n            <\/div>\n            <dl class=\"story-meta\">\n              <div><dt>Lawan<\/dt><dd id=\"story-rival\">Vyrrak si Rubah Kelabu<\/dd><\/div>\n              <div><dt>Arena<\/dt><dd id=\"story-arena\">Reruntuhan Lumora<\/dd><\/div>\n              <div><dt>Taruhan<\/dt><dd id=\"story-stake\">Gelar \u201cPembalas Dendam\u201d<\/dd><\/div>\n            <\/dl>\n            <p class=\"story-text\" id=\"story-text\">Vyrrak sudah tiga kali menjatuhkanmu, dan malam ini kamu datang untuk membalas. Di Reruntuhan Lumora, pilar-pilar kuno bisa dirobohkan untuk menutup jalur lawan. Siapa yang lebih dulu membaca medan, dialah yang memegang kendali.<\/p>\n            <a class=\"btn btn-primary\" href=\"#daftar\" data-focus-signup>Mulai Kisahmu<\/a>\n          <\/aside>\n        <\/div>\n      <\/div>\n    <\/section>\n  <\/main>\n  <footer class=\"site-footer\">\n    <div class=\"container\">\n      <div class=\"footer-emblem kfr-logo\" role=\"img\" aria-label=\"KOTAK FANTASI RIVALS\"><\/div>\n      <p class=\"footer-tag\">Imajinasi Bertemu Adu Strategi<\/p>\n      <p class=\"copyright\">\u00a9 <span id=\"year\">2026<\/span> KOTAK FANTASI RIVALS. Seluruh hak cipta dilindungi.<\/p>\n    <\/div>\n  <\/footer>\n  <a class=\"to-top\" href=\"#top\" aria-label=\"Kembali ke atas\">\n    <svg class=\"ico\" aria-hidden=\"true\"><use href=\"#i-up\"\/><\/svg>\n  <\/a>\n  <script>\n    (function () {\n      \"use strict\";\n      var doc = document.documentElement;\n      doc.classList.add(\"js\");\n      var reduceMotion = window.matchMedia && window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches;\n      \/* ---------- Header & tombol kembali ke atas ---------- *\/\n      var header = document.querySelector(\".site-header\");\n      var toTop = document.querySelector(\".to-top\");\n      var ticking = false;\n      function onScroll() {\n        var y = window.scrollY || window.pageYOffset;\n        header.classList.toggle(\"is-scrolled\", y > 10);\n        toTop.classList.toggle(\"is-shown\", y > 700);\n        ticking = false;\n      }\n      window.addEventListener(\"scroll\", function () {\n        if (!ticking) { window.requestAnimationFrame(onScroll); ticking = true; }\n      }, { passive: true });\n      onScroll();\n      \/* ---------- Animasi muncul saat di-scroll ---------- *\/\n      var revealEls = document.querySelectorAll(\"[data-reveal]\");\n      if (\"IntersectionObserver\" in window) {\n        var io = new IntersectionObserver(function (entries) {\n          entries.forEach(function (entry) {\n            if (entry.isIntersecting) {\n              entry.target.classList.add(\"is-visible\");\n              io.unobserve(entry.target);\n            }\n          });\n        }, { threshold: 0.12, rootMargin: \"0px 0px -8% 0px\" });\n        revealEls.forEach(function (el) { io.observe(el); });\n      } else {\n        revealEls.forEach(function (el) { el.classList.add(\"is-visible\"); });\n      }\n      \/* ---------- Tombol CTA: scroll ke formulir & fokus ---------- *\/\n      var form = document.getElementById(\"daftar\");\n      var emailInput = document.getElementById(\"email\");\n      var msg = document.getElementById(\"signup-msg\");\n      document.querySelectorAll(\"[data-focus-signup]\").forEach(function (link) {\n        link.addEventListener(\"click\", function (e) {\n          e.preventDefault();\n          form.scrollIntoView({ behavior: reduceMotion ? \"auto\" : \"smooth\", block: \"center\" });\n          window.setTimeout(function () { emailInput.focus({ preventScroll: true }); }, reduceMotion ? 0 : 550);\n        });\n      });\n      \/* ---------- Formulir pra-registrasi ---------- *\/\n      form.addEventListener(\"submit\", function (e) {\n        var value = emailInput.value.trim();\n        var valid = \/^[^\\s@]+@[^\\s@]+\\.[^\\s@]{2,}$\/.test(value);\n        msg.className = \"signup-msg\";\n        if (!valid) {\n          e.preventDefault();\n          msg.textContent = \"Email belum valid. Coba periksa lagi, ya.\";\n          msg.classList.add(\"is-error\");\n          emailInput.focus();\n          return;\n        }\n        \/\/ Jika atribut action sudah diisi, biarkan formulir terkirim ke server.\n        if (form.getAttribute(\"action\")) return;\n        e.preventDefault();\n        msg.textContent = \"Berhasil! Kotak Pemula Eksklusif sudah dipesan untuk \" + value + \". Sampai jumpa di Lumora!\";\n        msg.classList.add(\"is-ok\");\n        form.reset();\n      });\n      \/* ---------- Kombinasi kemampuan ---------- *\/\n      var ELEMENTS = {\n        api:      { name: \"Api\",      color: \"#ff8a4c\" },\n        es:       { name: \"Es\",       color: \"#8df0ff\" },\n        petir:    { name: \"Petir\",    color: \"#ffe066\" },\n        angin:    { name: \"Angin\",    color: \"#7dffb2\" },\n        cahaya:   { name: \"Cahaya\",   color: \"#fff0b3\" },\n        bayangan: { name: \"Bayangan\", color: \"#b48cff\" }\n      };\n      var ORDER = [\"api\", \"es\", \"petir\", \"angin\", \"cahaya\", \"bayangan\"];\n      var COMBOS = {\n        \"api+es\":          [\"Kabut Uap\", \"Penyergapan\", \"Api mencairkan es menjadi kabut uap tebal yang menutup pandangan lawan. Saat musuh kebingungan, timmu menyerbu dari sisi yang tak terduga.\", \"Mage + Assassin\"],\n        \"api+petir\":       [\"Badai Plasma\", \"Ledakan Pembuka\", \"Bola api yang dialiri petir meledak di area luas. Senjata pembuka yang sempurna untuk memecah formasi musuh sebelum mereka siap.\", \"Mage + Tank\"],\n        \"api+angin\":       [\"Pusaran Bara\", \"Kontrol Area\", \"Angin memutar api menjadi pusaran yang terus bergerak. Paksa lawan keluar dari titik penting atau tutup jalur pelarian mereka.\", \"Mage + Tank\"],\n        \"api+cahaya\":      [\"Suar Fajar\", \"Bertahan Sambil Menyerang\", \"Lingkaran cahaya membara yang memulihkan sekutu di dalamnya sekaligus membakar musuh yang berani mendekat.\", \"Healer + Tank\"],\n        \"api+bayangan\":    [\"Bara Hitam\", \"Jebakan Tertunda\", \"Tanda api tak kasatmata yang meledak beberapa detik kemudian. Lawan baru sadar ketika semuanya sudah terlambat.\", \"Assassin + Mage\"],\n        \"es+petir\":        [\"Konduksi Beku\", \"Combo Burst\", \"Bekukan lawan lebih dulu, lalu sambar dengan petir. Target yang membeku menerima damage berlipat, cukup untuk menumbangkan musuh dalam sekejap.\", \"Mage + Assassin\"],\n        \"es+angin\":        [\"Badai Salju\", \"Pengendali Kerumunan\", \"Angin dingin memperlambat semua musuh di area. Pakai untuk mengejar lawan yang kabur atau mengamankan jalan mundur timmu.\", \"Tank + Mage\"],\n        \"es+cahaya\":       [\"Perisai Kristal\", \"Pertahanan\", \"Perisai es berkilau yang menyerap serangan dan memantulkan sebagian damage kembali ke penyerangnya.\", \"Tank + Healer\"],\n        \"es+bayangan\":     [\"Cermin Beku\", \"Tipuan\", \"Ciptakan klon es yang meniru gerakanmu. Biarkan lawan menghabiskan skill terbaiknya pada bayangan yang salah.\", \"Assassin + Mage\"],\n        \"petir+angin\":     [\"Lompatan Badai\", \"Mobilitas\", \"Melesat berantai dari satu musuh ke musuh lain secepat kilat. Ideal untuk rotasi cepat atau menyelamatkan rekan yang terkepung.\", \"Assassin + Healer\"],\n        \"petir+cahaya\":    [\"Penghakiman Langit\", \"Penembus Pertahanan\", \"Sambaran cahaya lurus yang menembus perisai lawan. Jawaban telak untuk Tank yang terlalu percaya diri.\", \"Mage + Healer\"],\n        \"petir+bayangan\":  [\"Kilat Senyap\", \"Eliminasi Target\", \"Teleport ke belakang lawan dan lumpuhkan mereka sesaat. Satu pembuka yang tepat bisa menentukan hasil duel.\", \"Assassin + Tank\"],\n        \"angin+cahaya\":    [\"Sayap Fajar\", \"Rotasi Tim\", \"Seluruh tim bergerak lebih cepat dan pulih perlahan saat berpindah posisi. Datang lebih dulu, bertarung lebih segar.\", \"Healer + Tank\"],\n        \"angin+bayangan\":  [\"Kabut Hantu\", \"Infiltrasi\", \"Menghilang dari pandangan sambil melaju cepat. Sempurna untuk mengintai, mencuri objektif, atau menyerang dari belakang garis musuh.\", \"Assassin + Healer\"],\n        \"cahaya+bayangan\": [\"Gerhana\", \"Pembalik Keadaan\", \"Cahaya dan bayangan bertukar tempat: efek penguat milik lawan berubah menjadi kutukan. Senjata comeback saat timmu terdesak.\", \"Healer + Mage\"]\n      };\n      var selected = [\"api\", \"es\"];\n      var elButtons = document.querySelectorAll(\".el\");\n      var resultCard = document.getElementById(\"combo-result\");\n      var slots = [document.getElementById(\"slot-1\"), document.getElementById(\"slot-2\")];\n      var out = {\n        formula: document.getElementById(\"combo-formula\"),\n        name: document.getElementById(\"combo-name\"),\n        tag: document.getElementById(\"combo-tag\"),\n        desc: document.getElementById(\"combo-desc\"),\n        roles: document.getElementById(\"combo-roles\")\n      };\n      function renderSlot(slot, key) {\n        var useEl = slot.querySelector(\"use\");\n        var label = slot.querySelector(\"span\");\n        if (key) {\n          slot.classList.add(\"is-filled\");\n          slot.style.setProperty(\"--c\", ELEMENTS[key].color);\n          useEl.setAttribute(\"href\", \"#i-\" + key);\n          label.textContent = ELEMENTS[key].name;\n        } else {\n          slot.classList.remove(\"is-filled\");\n          slot.style.removeProperty(\"--c\");\n          useEl.setAttribute(\"href\", \"#i-sparkle\");\n          label.textContent = \"Kosong\";\n        }\n      }\n      function renderCombo() {\n        elButtons.forEach(function (btn) {\n          btn.setAttribute(\"aria-pressed\", selected.indexOf(btn.dataset.el) > -1 ? \"true\" : \"false\");\n        });\n        renderSlot(slots[0], selected[0]);\n        renderSlot(slots[1], selected[1]);\n        if (selected.length < 2) {\n          var only = selected[0] ? ELEMENTS[selected[0]] : null;\n          out.formula.textContent = only ? only.name + \" + ?\" : \"? + ?\";\n          out.name.textContent = \"Menunggu Elemen\";\n          out.tag.textContent = \"Pilih satu lagi\";\n          out.desc.textContent = \"Kombinasi tercipta dari dua elemen. Pilih satu elemen lagi untuk melihat taktik yang bisa kamu mainkan.\";\n          out.roles.textContent = \"\u2014\";\n          resultCard.style.setProperty(\"--c1\", only ? only.color : \"#c694ff\");\n          resultCard.style.setProperty(\"--c2\", \"#c694ff\");\n          return;\n        }\n        var pair = selected.slice().sort(function (a, b) { return ORDER.indexOf(a) - ORDER.indexOf(b); });\n        var combo = COMBOS[pair.join(\"+\")];\n        out.formula.textContent = ELEMENTS[pair[0]].name + \" + \" + ELEMENTS[pair[1]].name;\n        out.name.textContent = combo[0];\n        out.tag.textContent = combo[1];\n        out.desc.textContent = combo[2];\n        out.roles.textContent = combo[3];\n        resultCard.style.setProperty(\"--c1\", ELEMENTS[pair[0]].color);\n        resultCard.style.setProperty(\"--c2\", ELEMENTS[pair[1]].color);\n        resultCard.classList.remove(\"is-swapping\");\n        void resultCard.offsetWidth; \/\/ mulai ulang animasi\n        resultCard.classList.add(\"is-swapping\");\n      }\n      elButtons.forEach(function (btn) {\n        btn.addEventListener(\"click\", function () {\n          var key = btn.dataset.el;\n          var idx = selected.indexOf(key);\n          if (idx > -1) {\n            selected.splice(idx, 1);\n          } else {\n            selected.push(key);\n            if (selected.length > 2) selected.shift();\n          }\n          renderCombo();\n        });\n      });\n      \/* ---------- Arena & rival: cerita duel ---------- *\/\n      var RIVALS = {\n        abadi: {\n          short: \"Rival Abadi\", icon: \"swords\",\n          opponent: \"Vyrrak si Rubah Kelabu\",\n          stake: \"Gelar \u201cPembalas Dendam\u201d\",\n          lead: \"Vyrrak sudah tiga kali menjatuhkanmu, dan malam ini kamu datang untuk membalas.\"\n        },\n        guild: {\n          short: \"Rival Guild\", icon: \"flag\",\n          opponent: \"Guild Taring Senja\",\n          stake: \"Kendali wilayah & tambang kristal\",\n          lead: \"Dua guild, satu benteng perbatasan. Pasukanmu menunggu aba-aba pertama.\"\n        },\n        peringkat: {\n          short: \"Rival Peringkat\", icon: \"trophy\",\n          opponent: \"Lawan selevel \u00b7 Divisi Perak\",\n          stake: \"Poin liga & tiket ke Divisi Emas\",\n          lead: \"Satu kemenangan lagi memisahkanmu dari divisi berikutnya, dan lawanmu tahu itu.\"\n        }\n      };\n      var ARENAS = {\n        reruntuhan: { name: \"Reruntuhan Lumora\", twist: \"pilar-pilar kuno bisa dirobohkan untuk menutup jalur lawan. Siapa yang lebih dulu membaca medan, dialah yang memegang kendali.\" },\n        danau:      { name: \"Danau Cermin Beku\", twist: \"setiap langkah meluncur di atas es dan mantra es memantul dari permukaan danau. Satu salah pijak bisa berarti kekalahan.\" },\n        kawah:      { name: \"Kawah Bara\", twist: \"lava naik setiap menit dan mempersempit arena. Duel harus dimenangkan sebelum pijakan terakhir tenggelam.\" },\n        menara:     { name: \"Menara Angin\", twist: \"platform melayang terus berpindah mengikuti arah angin. Satu dorongan yang tepat bisa melempar lawan keluar arena.\" }\n      };\n      var story = document.getElementById(\"story\");\n      var storyOut = {\n        ico: document.querySelector(\"#story-ico use\"),\n        short: document.getElementById(\"story-rival-short\"),\n        rival: document.getElementById(\"story-rival\"),\n        arena: document.getElementById(\"story-arena\"),\n        stake: document.getElementById(\"story-stake\"),\n        text: document.getElementById(\"story-text\")\n      };\n      function renderStory() {\n        var r = RIVALS[document.querySelector('input[name=\"rival\"]:checked').value];\n        var a = ARENAS[document.querySelector('input[name=\"arena\"]:checked').value];\n        storyOut.ico.setAttribute(\"href\", \"#i-\" + r.icon);\n        storyOut.short.textContent = r.short;\n        storyOut.rival.textContent = r.opponent;\n        storyOut.arena.textContent = a.name;\n        storyOut.stake.textContent = r.stake;\n        storyOut.text.textContent = r.lead + \" Di \" + a.name + \", \" + a.twist;\n        story.classList.remove(\"is-swapping\");\n        void story.offsetWidth;\n        story.classList.add(\"is-swapping\");\n      }\n      document.querySelectorAll('input[name=\"rival\"], input[name=\"arena\"]').forEach(function (input) {\n        input.addEventListener(\"change\", renderStory);\n      });\n      \/* ---------- Tahun hak cipta ---------- *\/\n      var year = document.getElementById(\"year\");\n      var now = new Date().getFullYear();\n      if (now > 2026) year.textContent = \"2026\u2013\" + now;\n    })();\n  <\/script>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>KOTAK FANTASI RIVALS: MMORPG open world tempat imajinasi bertemu adu strategi. Pilih peran, racik kombinasi skill, dan taklukkan rivalmu di arena.<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"kotak-fantasi-landing","meta":{"footnotes":""},"class_list":["post-7","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/joygladness.org\/index.php?rest_route=\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/joygladness.org\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/joygladness.org\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/joygladness.org\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/joygladness.org\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=7"}],"version-history":[{"count":2,"href":"https:\/\/joygladness.org\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":9,"href":"https:\/\/joygladness.org\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions\/9"}],"wp:attachment":[{"href":"https:\/\/joygladness.org\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}