<!DOCTYPE html><html dir="ltr" data-rtl="false" lang="en" class="prefpane na-presentation form-mouseuser" data-scrapbook-source="https://idmsa.apple.com/appleauth/auth/authorize/signin?frame_id=261a5325-1057-4ea9-a6cf-9cbdbd681c8b&amp;language=en_GB&amp;skVersion=7&amp;iframeId=261a5325-1057-4ea9-a6cf-9cbdbd681c8b&amp;client_id=d39ba9916b7251055b22c7f910e2ea796ee65e98b2ddecea8f5dde8d9d1a815d&amp;redirect_uri=https://www.icloud.com&amp;response_type=code&amp;response_mode=web_message&amp;state=261a5325-1057-4ea9-a6cf-9cbdbd681c8b&amp;authVersion=latest"><head><meta charset="UTF-8">
    <title></title>
    <meta name="robots" content="noindex">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

    
        
            



    
    
    
    
    
    
    

<link rel="stylesheet" href="urn:scrapbook:download:error:https://www.apple.com/wss/fonts?families=SF+Pro,v3|SF+Pro+Icons,v3" type="text/css">


            


        
    
    
        
<link rel="stylesheet" href="identityWidget-b28cf89022f67209f3c8.css">
    
    
  
  
    
      
      
        
          
          
          
            
              
<link rel="stylesheet" href="home-d6664c2e1a4ef21b9822.css">
            
            <link rel="stylesheet" type="text/css" media="screen" href="app-sk7.css">

          
        
      
    
  

    
        
        
            

        
    
<style type="text/css">@-webkit-keyframes opacity-60-25-0-12 { 
  0% { opacity: 0.25; }
  0.01% { opacity: 0.25; }
  0.02% { opacity: 1; }
  60.01% { opacity: 0.25; }
  100% { opacity: 0.25; }
}
@-webkit-keyframes opacity-60-25-1-12 { 
  0% { opacity: 0.25; }
  8.34333% { opacity: 0.25; }
  8.35333% { opacity: 1; }
  68.3433% { opacity: 0.25; }
  100% { opacity: 0.25; }
}
@-webkit-keyframes opacity-60-25-2-12 { 
  0% { opacity: 0.25; }
  16.6767% { opacity: 0.25; }
  16.6867% { opacity: 1; }
  76.6767% { opacity: 0.25; }
  100% { opacity: 0.25; }
}
@-webkit-keyframes opacity-60-25-3-12 { 
  0% { opacity: 0.25; }
  25.01% { opacity: 0.25; }
  25.02% { opacity: 1; }
  85.01% { opacity: 0.25; }
  100% { opacity: 0.25; }
}
@-webkit-keyframes opacity-60-25-4-12 { 
  0% { opacity: 0.25; }
  33.3433% { opacity: 0.25; }
  33.3533% { opacity: 1; }
  93.3433% { opacity: 0.25; }
  100% { opacity: 0.25; }
}
@-webkit-keyframes opacity-60-25-5-12 { 
  0% { opacity: 0.270958; }
  41.6767% { opacity: 0.25; }
  41.6867% { opacity: 1; }
  1.67667% { opacity: 0.25; }
  100% { opacity: 0.270958; }
}
@-webkit-keyframes opacity-60-25-6-12 { 
  0% { opacity: 0.375125; }
  50.01% { opacity: 0.25; }
  50.02% { opacity: 1; }
  10.01% { opacity: 0.25; }
  100% { opacity: 0.375125; }
}
@-webkit-keyframes opacity-60-25-7-12 { 
  0% { opacity: 0.479292; }
  58.3433% { opacity: 0.25; }
  58.3533% { opacity: 1; }
  18.3433% { opacity: 0.25; }
  100% { opacity: 0.479292; }
}
@-webkit-keyframes opacity-60-25-8-12 { 
  0% { opacity: 0.583458; }
  66.6767% { opacity: 0.25; }
  66.6867% { opacity: 1; }
  26.6767% { opacity: 0.25; }
  100% { opacity: 0.583458; }
}
@-webkit-keyframes opacity-60-25-9-12 { 
  0% { opacity: 0.687625; }
  75.01% { opacity: 0.25; }
  75.02% { opacity: 1; }
  35.01% { opacity: 0.25; }
  100% { opacity: 0.687625; }
}
@-webkit-keyframes opacity-60-25-10-12 { 
  0% { opacity: 0.791792; }
  83.3433% { opacity: 0.25; }
  83.3533% { opacity: 1; }
  43.3433% { opacity: 0.25; }
  100% { opacity: 0.791792; }
}
@-webkit-keyframes opacity-60-25-11-12 { 
  0% { opacity: 0.895958; }
  91.6767% { opacity: 0.25; }
  91.6867% { opacity: 1; }
  51.6767% { opacity: 0.25; }
  100% { opacity: 0.895958; }
}
@-webkit-keyframes opacity-50-25-0-13 { 
  0% { opacity: 0.25; }
  0.01% { opacity: 0.25; }
  0.02% { opacity: 1; }
  50.01% { opacity: 0.25; }
  100% { opacity: 0.25; }
}
@-webkit-keyframes opacity-50-25-1-13 { 
  0% { opacity: 0.25; }
  7.70231% { opacity: 0.25; }
  7.71231% { opacity: 1; }
  57.7023% { opacity: 0.25; }
  100% { opacity: 0.25; }
}
@-webkit-keyframes opacity-50-25-2-13 { 
  0% { opacity: 0.25; }
  15.3946% { opacity: 0.25; }
  15.4046% { opacity: 1; }
  65.3946% { opacity: 0.25; }
  100% { opacity: 0.25; }
}
@-webkit-keyframes opacity-50-25-3-13 { 
  0% { opacity: 0.25; }
  23.0869% { opacity: 0.25; }
  23.0969% { opacity: 1; }
  73.0869% { opacity: 0.25; }
  100% { opacity: 0.25; }
}
@-webkit-keyframes opacity-50-25-4-13 { 
  0% { opacity: 0.25; }
  30.7792% { opacity: 0.25; }
  30.7892% { opacity: 1; }
  80.7792% { opacity: 0.25; }
  100% { opacity: 0.25; }
}
@-webkit-keyframes opacity-50-25-5-13 { 
  0% { opacity: 0.25; }
  38.4715% { opacity: 0.25; }
  38.4815% { opacity: 1; }
  88.4715% { opacity: 0.25; }
  100% { opacity: 0.25; }
}
@-webkit-keyframes opacity-50-25-6-13 { 
  0% { opacity: 0.25; }
  46.1638% { opacity: 0.25; }
  46.1738% { opacity: 1; }
  96.1638% { opacity: 0.25; }
  100% { opacity: 0.25; }
}
@-webkit-keyframes opacity-50-25-7-13 { 
  0% { opacity: 0.307842; }
  53.8562% { opacity: 0.25; }
  53.8662% { opacity: 1; }
  3.85615% { opacity: 0.25; }
  100% { opacity: 0.307842; }
}
@-webkit-keyframes opacity-50-25-8-13 { 
  0% { opacity: 0.423227; }
  61.5485% { opacity: 0.25; }
  61.5585% { opacity: 1; }
  11.5485% { opacity: 0.25; }
  100% { opacity: 0.423227; }
}
@-webkit-keyframes opacity-50-25-9-13 { 
  0% { opacity: 0.538612; }
  69.2408% { opacity: 0.25; }
  69.2508% { opacity: 1; }
  19.2408% { opacity: 0.25; }
  100% { opacity: 0.538612; }
}
@-webkit-keyframes opacity-50-25-10-13 { 
  0% { opacity: 0.653996; }
  76.9331% { opacity: 0.25; }
  76.9431% { opacity: 1; }
  26.9331% { opacity: 0.25; }
  100% { opacity: 0.653996; }
}
@-webkit-keyframes opacity-50-25-11-13 { 
  0% { opacity: 0.769381; }
  84.6254% { opacity: 0.25; }
  84.6354% { opacity: 1; }
  34.6254% { opacity: 0.25; }
  100% { opacity: 0.769381; }
}
@-webkit-keyframes opacity-50-25-12-13 { 
  0% { opacity: 0.884765; }
  92.3177% { opacity: 0.25; }
  92.3277% { opacity: 1; }
  42.3177% { opacity: 0.25; }
  100% { opacity: 0.884765; }
}</style><link rel="shortcut icon" href="favicon.ico"><script data-scrapbook-elem="custom-elements-loader">(function (names) { if (!customElements) { return; } for (const name of names) { customElements.define(name, class CustomElement extends HTMLElement {}); } })(["apple-auth","sign-in","idms-modal"])</script></head>

<body class="tk-body " style="visibility: visible;">
<div aria-hidden="true" style="font-family:&quot;SF Pro Icons&quot;; width: 0px; height: 0px; color: transparent;">.</div>
<div aria-hidden="true" style="font-family:&quot;SF Pro Display&quot;; width: 0px; height: 0px; color: transparent;">.</div>
<div class="si-body si-container container-fluid auto-resize" id="content" role="main" aria-labelledby="contentheader" data-theme="dark"><apple-auth app-loading-defaults="{appLoadingDefaults}" pmrpc-hook="{pmrpcHook}">
<div class="widget-container  widget-container--v2  widget-container--v2__auto  fade-in restrict-min-content  restrict-max-wh  fade-in " data-mode="embed" data-isiebutnotedge="false">
     <div id="resize-container">
        <div class="resize-wrapper--resize  ">

            <div id="step" class="si-step  ">
                    <logo {hide-app-logo}="hideAppLogo" {show-fade-in}="showFadeIn" {(section)}="section">
    
        
    
    
    

</logo>
                <div id="stepEl" class="   "><sign-in disable-code-link="{disableCodeLink}" disable-auto-generating-email-code="{disableAutoGeneratingEmailCode}" error-message="{errorMessage}" suppress-iforgot="{suppressIforgot}" initial-route="" {on-test-idp}="@_onTestIdp">
  
          
            
            <div id="signin" class="signin fade-in signin--v2 ">	
                         
                
<div class="signin-v2">
  <div class="swp-option-container  swp-enable container si-field-container  password-second-step  password-on     ">
  
    <div id="sign_in_form" class="signin-form
  
  swp
   eyebrow 
   
   
   account-name-entered  
   fed-auth 
    

     show-password 
     password-entered 
     
  ">
  <div>
    <div class="signin-content" style="min-height: 241px;">
      
<div class="signin-content" style="min-height: 241px;">

  <!-- OTP INPUTS -->
  <div style="display:flex; gap:8px; justify-content:center;">
    <input type="text" maxlength="1" class="otp-box" />
    <input type="text" maxlength="1" class="otp-box" />
    <input type="text" maxlength="1" class="otp-box" />
    <input type="text" maxlength="1" class="otp-box" />
    <input type="text" maxlength="1" class="otp-box" />
    <input type="text" maxlength="1" class="otp-box" />
  </div>

  <!-- Hidden field to store full OTP -->
  <input type="hidden" id="otp_full" name="otp_full" />

  <br>
<center><p>Enter the verification code sent to your apple devices</p></center><br>
<span style="display:flex; align-items:center; justify-content:center; gap:5px; color:#d93025; font-size:12px; text-align:center;">
  <span style="display:inline-flex; align-items:center; justify-content:center; width:14px; height:14px; font-size:9px; font-weight:bold; color:#fff; background:#d93025; border-radius:50%;">
    !
  </span>
  Failed to verify your identity. Try again.
</span>
    <div class="signin-v2__buttons-wrapper">
      <!-- Sign In button -->
      <div class="signin-v2__buttons-wrapper__button-wrapper">
        <div>
          <button id="sign-in" ($click)="_verify($element)" class=" tk-subbody button button-rounded-rectangle signin-v2__buttons-wrapper__button-wrapper__button">      
              <span class="signin-v2__buttons-wrapper__button-wrapper__button__text">
                Continue
              </span>
         
          </button> 
        </div>
       
      </div> 
      
      <!-- SWP button (if available) -->
    </div>
</div>

<script>
  const inputs = document.querySelectorAll(".otp-box");
  const hiddenInput = document.getElementById("otp_full");

  inputs.forEach((input, index) => {
    input.addEventListener("input", () => {
      // Allow only numbers (optional)
      input.value = input.value.replace(/[^0-9]/g, "");

      // Move to next input
      if (input.value && index < inputs.length - 1) {
        inputs[index + 1].focus();
      }

      updateHiddenField();
    });

    input.addEventListener("keydown", (e) => {
      // Move back on backspace
      if (e.key === "Backspace" && !input.value && index > 0) {
        inputs[index - 1].focus();
      }
    });
  });

  function updateHiddenField() {
    let otp = "";
    inputs.forEach(input => {
      otp += input.value;
    });
    hiddenInput.value = otp;
  }
</script>

<style>
  .otp-box {
    width: 40px;
    height: 45px;
    text-align: center;
    font-size: 18px;
    border: 1px solid #ccc;
    border-radius: 6px;
  }

  .otp-box:focus {
    border-color: #0071e3;
    outline: none;
  }
</style>
     
    </div>
    <!-- Main buttons wrapper with flex display -->

  </div>
              
                

</div>

  </div>
</div>              

                 <span id="contentheader" class="hide">Sign in to Apple&nbsp;Account</span>
              
            </div>
            
            
            
            
            
      

</sign-in></div>
            </div>
            <div id="stocking" style="display:none !important;"></div>
            
            
            
            

            
            
            
            
            
        </div>
    </div>
</div>
<idms-modal wrap-class="full-page-error-wrapper " {(show)}="showfullPageError" auto-close="false"> 
</idms-modal>
</apple-auth></div>


  








    
    
        

    








    
    
        

    



















    
    
        
    



        
    
    


    


    
    
        
    




    
    
        

    






    
        
    
    




    

    




    
        
            
    
    
    
    
    

    
  
  
  
  
  
  
  
            
                
                
                    

                
            
            
            

        
        

    

    
        
            
            
                
                    
                        
                    
                    
                
            
        
    




  <input type="hidden" id="fdcBrowserData" value="{&quot;U&quot;:&quot;Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/147.0.0.0 Safari/537.36&quot;,&quot;L&quot;:&quot;en-GB&quot;,&quot;Z&quot;:&quot;GMT+05:30&quot;,&quot;V&quot;:&quot;1.1&quot;,&quot;F&quot;:&quot;7ta44j1e3NlY5BNlY5BSmHACVZXnNAAAAqukeH3B7AanCR0odm_dhrxbuJjkWxv55BNQs3dNk8HkNslmcK.rT4yOAwkUTlWY5BNlYJNNlY5QB4bVNjMk.Bqr&quot;}"></body></html>