CINXE.COM
Login - Spotify
<!DOCTYPE html> <html id="app" lang="en" dir="ltr"> <head> <meta charset="utf-8"> <title>Login - Spotify</title> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> <base href="/"> <link rel="icon" href="https://accounts.scdn.co/sso/images/favicon.ace4d8543bbb017893402a1e9d1ac1fa.ico"> <script defer src="https://accounts.scdn.co/sso/js/indexReact.47f8760d2bcbc63b1dd4.js" sp-bootstrap></script> <meta id="bootstrap-data" sp-bootstrap-data='{"phoneFeatureEnabled":false,"previewEnabled":false,"user":false,"tpaState":"AQCUxvKL0VUCB8hfpLc2gt9EAHgM+xEMqVYQ/M2fNCJov0+nEhyUk69AHHbAf2FFK4wlZ9nIBudbjuTy7x9K5F1lN8G8n4fnvNUgebGIiC9wD6x6RaS+/PvloDZdpdbvh4oXlVSQ/16/NFtpevX/FKrlKWJu/JFLdlussSxLw9zHJZTrWWdHKlWnnrLxrLw4rPJT10TH4lnfi7wLrnoJl8PInVqoLZVjWJdv/Ajr32/D9n+OtaDA8QGGZGpvHoDusSECEwDEgiXgD6Mg64UqaV9ZRn1Zsu6MQGOCPF+xBCAqrfAWAAgOtUbr4K2YGcg6gW04Law8lHo963x860lV3/Ou7sPrauI2QRdsBkWbYPq9kcd0aSTosne5gGC5ukMqUdSF4/XgwE5KPpcucf0eTzTgnN54qXulYCTQvmtTQzQwRJEbgaUo/+XBg4FtkFZ52dI60k9Jr8WmiH0nLXk/B2+7c2cva6m1BIqcWjv59E8Ny59yEdzHGN+rc4jlgMVq6UpFCqhHYYtLZ+74KzOOT48hkcn/ZG6yruuOA6paSWrLLKC8/HV88Do4USy4iW9Met5pU3qLdz5rfoeylFHqfROrlh0zeXkhdXo0vFBwBeSiFAQetq3KvmGWNdsBAnmvm7e+xdjWHZ/Oh/mZgOIsW1MBQnpLLPxC7EvPJTUTG2rTjThkGIz8V8zG0cBr91YRFC/2v/hpIyCQlVEd7tkQ371yM9nKHmIRMyduXaR43iSl7rj8InZ5FerMYd1ZzFbjz6k4yHDwMFlVRw/5sEh/4a3yre8biOsmv5OCV0ub6MHVU0pRta/YtOLcW6llso1g3FtfhxGr7i9T/FjYwG+L0xj5Cf7Dj6qER1UzFlzpFLKRBDGcwBqMbAE=","geoLocationCountryCode":"SG","state":"","flowCtx":"958da942-e060-4f2e-b11e-18e2a17a9429:1732802662","BON":["0","0",-1817977045]}' sp-component="login" sp-translations-data='eyJlcnJvclRpdGxlIjoiRXJyb3IiLCJsb2dpblRpdGxlIjoiTG9naW4iLCJmb3Jnb3RZb3VyUGFzc3dvcmRVc2VybmFtZSI6IkZvcmdvdCB5b3VyIHBhc3N3b3JkPyIsImRvbnRIYXZlQW5BY2NvdW50IjoiRG9uJ3QgaGF2ZSBhbiBhY2NvdW50PyIsImlucHV0VXNlcm5hbWUiOiJFbWFpbCBhZGRyZXNzIG9yIHVzZXJuYW1lIiwiaW5wdXRFbWFpbE9yVXNlcm5hbWUiOiJFbWFpbCBvciB1c2VybmFtZSIsImlucHV0UGFzc3dvcmQiOiJQYXNzd29yZCIsImNoZWNrYm94UmVtZW1iZXJNZSI6IlJlbWVtYmVyIG1lIiwiZXJyb3JGb3JtRGVmYXVsdCI6Ik9vcHMhIFNvbWV0aGluZyB3ZW50IHdyb25nLCBwbGVhc2UgdHJ5IGFnYWluIG9yIGNoZWNrIG91dCBvdXIgPGhlbHBMaW5rPmhlbHAgYXJlYTwvaGVscExpbms+IiwiZXJyb3JJbnZhbGlkQ3JlZGVudGlhbHMiOiJJbmNvcnJlY3QgdXNlcm5hbWUgb3IgcGFzc3dvcmQuIiwiZXJyb3JJbnZhbGlkQ3JlZGVudGlhbHNJbXByb3ZlZCI6IkluY29ycmVjdCBlbWFpbCBhZGRyZXNzLCB1c2VybmFtZSBvciBwYXNzd29yZC4iLCJlcnJvclVua25vd24iOiJPb3BzISBTb21ldGhpbmcgd2VudCB3cm9uZywgcGxlYXNlIHRyeSBhZ2FpbiBvciBjaGVjayBvdXQgb3VyIDxoZWxwTGluaz5oZWxwIGFyZWE8L2hlbHBMaW5rPiIsImVycm9yVHJhbnNpZW50IjoiQW4gZXJyb3IgaGFzIG9jY3VycmVkIHByb2Nlc3NpbmcgeW91ciBsb2dpbi4gUGxlYXNlIHRyeSBhZ2Fpbi4iLCJlcnJvckZhY2Vib29rQWNjb3VudCI6IllvdSBkbyBub3QgaGF2ZSBhIFNwb3RpZnkgYWNjb3VudCBjb25uZWN0ZWQgdG8geW91ciBGYWNlYm9vayBhY2NvdW50LiBJZiB5b3UgaGF2ZSBhIFNwb3RpZnkgYWNjb3VudCwgcGxlYXNlIGxvZyBpbiB3aXRoIHlvdXIgU3BvdGlmeSBjcmVkZW50aWFscy4gSWYgeW91IGRvIG5vdCBoYXZlIGEgU3BvdGlmeSBhY2NvdW50LCA8bGlua1dpdGhIcmVmPnNpZ24gdXA8L2xpbmtXaXRoSHJlZj4uIiwiZXJyb3JTZXJ2ZXJFcnJvciI6IkFuIGVycm9yIGhhcyBvY2N1cnJlZCBwcm9jZXNzaW5nIHlvdXIgcmVxdWVzdC4gUGxlYXNlIHRyeSBhZ2Fpbi4iLCJlcnJvclVzZXJuYW1lUmVxdWlyZWQiOiJQbGVhc2UgZW50ZXIgeW91ciBTcG90aWZ5IHVzZXJuYW1lIG9yIGVtYWlsIGFkZHJlc3MuIiwiZXJyb3JVc2VybmFtZUludmFsaWRDaGFyYWN0ZXJzIjoiRm9yYmlkZGVuIGNoYXJhY3RlcihzKSB7Zm9yYmlkZGVuQ2hhcnN9IGluIHVzZXJuYW1lLiIsImVycm9yUGFzc3dvcmRSZXF1aXJlZCI6IlBsZWFzZSBlbnRlciB5b3VyIHBhc3N3b3JkLiIsImVycm9yTm9JbnRlcm5ldENvbm5lY3Rpdml0eSI6IlByb2JsZW0gY29ubmVjdGluZy4gQ2hlY2sgeW91ciBpbnRlcm5ldCBjb25uZWN0aW9uIGFuZCB7dHJ5QWdhaW5MaW5rfS4iLCJlcnJvclRyeUFnYWluIjoidHJ5IGFnYWluIiwibG9nSW4iOiJMb2cgSW4iLCJsb2dJblRvU3BvdGlmeSI6IkxvZyBpbiB0byBTcG90aWZ5Iiwic2lnblVwRm9yU3BvdGlmeSI6IlNpZ24gdXAgZm9yIFNwb3RpZnkiLCJvciI6Im9yIiwibG9naW5Ub0NvbnRpbnVlIjoiVG8gY29udGludWUsIGxvZyBpbiB0byBTcG90aWZ5LiIsImVycm9yVmFsaWRhdGlvbkludmFsaWRDb2RlIjoiVGhpcyBjb2RlIGlzIGludmFsaWQuIENoZWNrIHRoZSBTTVMgYW5kIHRyeSBhZ2Fpbi4iLCJlcnJvclZhbGlkYXRpb25JbnZhbGlkQ29kZUdlbmVyaWMiOiJUaGlzIGNvZGUgaXMgaW52YWxpZC4gQ2hlY2sgdGhlIGNvZGUgYW5kIHRyeSBhZ2Fpbi4iLCJlcnJvclN1Ym1pdFRvb2tUb29Mb25nVG9DcmVhdGUiOiJJdCB0b29rIHRvbyBsb25nIHRvIGNvbXBsZXRlIHlvdXIgcmVxdWVzdC4gVHJ5IGFnYWluLiIsImVycm9yQXBwbGVBY2NvdW50IjoiWW91IGRvIG5vdCBoYXZlIGEgU3BvdGlmeSBhY2NvdW50IGNvbm5lY3RlZCB0byB5b3VyIEFwcGxlIElELiBJZiB5b3UgaGF2ZSBhIFNwb3RpZnkgYWNjb3VudCwgcGxlYXNlIHRyeSBsb2cgaW4gd2l0aCB5b3VyIFNwb3RpZnkgZW1haWwgb3IgdXNlcm5hbWUuIElmIHlvdSBkbyBub3QgaGF2ZSBhIFNwb3RpZnkgYWNjb3VudCwgcGxlYXNlIHNpZ24gdXAuIiwiY29udGludWVXaXRoQXBwbGUiOiJDb250aW51ZSB3aXRoIEFwcGxlIiwiY29udGludWVXaXRoRmFjZWJvb2siOiJDb250aW51ZSB3aXRoIEZhY2Vib29rIiwiY29udGludWVXaXRoUGhvbmVOdW1iZXIiOiJDb250aW51ZSB3aXRoIHBob25lIG51bWJlciIsImNvbnRpbnVlV2l0aEdvb2dsZSI6IkNvbnRpbnVlIHdpdGggR29vZ2xlIiwiZXJyb3JHb29nbGVBY2NvdW50IjoiWW91IGRvIG5vdCBoYXZlIGEgU3BvdGlmeSBhY2NvdW50IGNvbm5lY3RlZCB0byB5b3VyIEdvb2dsZSBBY2NvdW50LiBJZiB5b3UgaGF2ZSBhIFNwb3RpZnkgYWNjb3VudCwgcGxlYXNlIHRyeSBsb2cgaW4gd2l0aCB5b3VyIFNwb3RpZnkgZW1haWwgb3IgdXNlcm5hbWUuIElmIHlvdSBkbyBub3QgaGF2ZSBhIFNwb3RpZnkgYWNjb3VudCwgcGxlYXNlIHNpZ24gdXAuIiwicmVjYXB0Y2hhTGVnYWxOb3RpY2UiOiJUaGlzIHNpdGUgaXMgcHJvdGVjdGVkIGJ5IHJlQ0FQVENIQSBhbmQgdGhlIEdvb2dsZSA8Z29vZ2xlUHJpdmFjeVBvbGljeUxpbms+UHJpdmFjeSBQb2xpY3k8L2dvb2dsZVByaXZhY3lQb2xpY3lMaW5rPiBhbmQgPGdvb2dsZVRlcm1zTGluaz5UZXJtcyBvZiBTZXJ2aWNlPC9nb29nbGVUZXJtc0xpbms+IGFwcGx5LiIsImxvZ2luV2l0aG91dFBhc3N3b3JkIjoiTG9nIGluIHdpdGhvdXQgcGFzc3dvcmQiLCJtYWdpY19saW5rX3BvcHVwX2hlYWRlciI6IkhhdmluZyB0cm91YmxlIGxvZ2dpbmcgaW4/IiwibWFnaWNfbGlua19wb3B1cF9ib2R5IjoiV2Ugc2VudCBhbiBlbWFpbCB3aXRoIGEgbGluayB0aGF0IHdpbGwgbG9nIHlvdSBpbiB3aXRob3V0IGEgcGFzc3dvcmQuIiwiZGlhbG9nX19hY3Rpb25fcmV0cnlfbG9naW4iOiJUcnkgYW5vdGhlciBwYXNzd29yZCIsImRpYWxvZ0ZhY2Vib29rRGlzYWxsb3dlZFRpdGxlIjoiV2UncmUgaGF2aW5nIHByb2JsZW1zIGxvZ2dpbmcgeW91IGluIiwiZGlhbG9nRmFjZWJvb2tEaXNhbGxvd2VkQm9keSI6IlRvIGNvbnRpbnVlLCB3ZeKAmWxsIGhlbHAgeW91IHNldCBhIHBhc3N3b3JkIHNvIHlvdSBjYW4gbG9nIGluIHRvIHlvdXIgU3BvdGlmeS4iLCJkaWFsb2dGYWNlYm9va0Rpc2FsbG93ZWRCdXR0b25Db250aW51ZSI6IkNvbnRpbnVlIiwiZGlhbG9nRmFjZWJvb2tEaXNhbGxvd2VkQnV0dG9uRGlzbWlzcyI6IkRpc21pc3MiLCJjb250aW51ZSI6IkNvbnRpbnVlIiwiZXJyb3JJbnZhbGlkQ3JlZGVudGlhbHNQYXNzd29yZGxlc3MiOiJFbWFpbCBvciB1c2VybmFtZSBpc24ndCBsaW5rZWQgdG8gYSBTcG90aWZ5IGFjY291bnQifQ=='> <style> body { background-color: #121212; margin: 0; } #root { min-height: 100vh; } .loading-indicator-container { height: 100vh; display: flex; justify-content: center; align-items: center; } .loading-indicator-container * { box-sizing: border-box; } .loading-indicator { content: ""; width: 56px; inline-size: 56px; block-size: 12.4px; height: 12.4px; overflow-clip-margin: content-box; overflow: hidden; } .loading-indicator circle { fill: white; animation: loading-indicator-kf 1.32s linear infinite; transform-origin: center center; opacity: 0.5; } .loading-indicator circle:nth-of-type(2) { animation-delay: 0.1s; } .loading-indicator circle:nth-of-type(3) { animation-delay: 0.2s; } @keyframes loading-indicator-kf { 0% { animation-timing-function: cubic-bezier(1, 0, 0.7, 1); opacity: 0.5; transform: scale(1); } 40% { animation-timing-function: cubic-bezier(0.3, 0, 0, 1); opacity: 0.75; transform: scale(1.3); } 72.5% { animation-timing-function: linear; opacity: 0.5; transform: scale(1); } 100% { opacity: 0.5; transform: scale(1); } } </style> </head> <body class="encore-dark-theme encore-layout-themes"> <div id="root"> <div class="loading-indicator-container"> <svg class="loading-indicator" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewBox="0 0 1 100" xml:space="preserve" role="progressbar" aria-valuetext="Loading"> <circle stroke="none" cx="-140" cy="50" r="32"></circle> <circle stroke="none" cx="0" cy="50" r="32"></circle> <circle stroke="none" cx="140" cy="50" r="32"></circle> </svg> </div> </div> </body> </html>