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":"AQBLoAv3hyttclLfVNP0vkLrAxd5Xb6cAnU38kZOt88zjwSZiXbdNHmBH16aBAi1OAwAi77cHT8Tml95cFtkm4ole+w1fv4fjiMbSre6v3weSZAeWLNyeZDV/uV5pUqr79WNa3XYx7Ia8T84XkFOpVBbb06NtHMJfiiVEu7hLiUhOwE521NGSxWf7sD1tx1h3WjCBn82VhjQdUh0jJV0aoArjVUlhYTrnsPJSdYd2W5h0R8cscvWrj1jNo1fiA8RM0dtO6Tukz5ZWFe/BK8YgDw+ycpy/I9vxhE30uuNTJ+V7i74p2qA0tXZEVgAK2nKvei7h1vnZbYN91imOBTw+k2yMVlo3QiZWm2LcMYzaWiQPJ9EFsnhIEpLOdtOck2i3sAKK22xwIUIZFarklc6ra7+KxITYMnPqPNGSPB94GCsHl/l4S+27jCTdwG212fNoe2HIDz8Rho/IhKmwy11stLp3m53np6VkXT8o31FEgmVi3jTC++e8PXejlHxOkM7o60TiXkV6GSpJpk6C2n2iHr4Zcj1A2vo9Lv07D4/3h4LUiKbhU+HvbrG47GAdW9VSPDOjlns/w0FTj0njZzuCHiiy98uTEzHOnLPIy9wyFhjCCQUap+weZDTSiwL/0P9aCef5WQI6PbPBadiXA4vvYAo8TEeekGszqr+QWOpjFWcpTytFM4qsx50+YsJ2Ntb0DCq581eNtyp2R7s5hgMaAG6IylA7jbRMS2+pdgFVeQ9uFqknD/6q/G0dhmdIEf/kVSZiO54MeA8cnO9w1jhFWLEIsPRJVpojUwfH/jqVySYfQcnSiB2vJlSRs45/bGz5osjmbFgvCvpkus/L8aE/vwJCVVLcVKJRhoZb/2fhXRMbtOg70AcdPmEQH9CDdzvr5AZih2uWRH5AK55WAI=","geoLocationCountryCode":"SG","state":"","flowCtx":"518ed691-bf5f-46b1-ac72-74d5291ce05f:1732775901","BON":["0","0",-1850860316]}' 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>