<main class="content-wrapper w-100 px-3 ps-lg-5 pe-lg-4 mx-auto" style="max-width: 1920px">
    <div class="d-lg-flex">
        
        <div class="d-flex flex-column min-vh-100 w-100 py-4 mx-auto me-lg-5" style="max-width: 416px">
            
            <header class="navbar align-items-center px-0 pb-4 mt-n2 mt-sm-0 mb-2 mb-md-3 mb-lg-4">
                <a class="navbar-brand pt-0" href="/"><link rel="preload" as="image" href="/static/img/OwnAPart_Logo_Web.svg"/><img class="ownapart-logo" src="/static/img/OwnAPart_Logo_Web.svg" alt="OwnAPart" width="1724" height="415"/></a>
                <div class="nav">
                    <a class="nav-link fs-base animate-underline p-0" href="/auth/signin">
                        <i class="fi-chevron-left fs-lg ms-n1 me-1"></i>
                        <span class="animate-target">Back to Sign In</span>
                    </a>
                </div>
            </header>
            <h1 class="h2 mt-auto">Reset your OwnAPart password</h1>
            <p class="pb-2 pb-md-3">Use the email address associated with your OwnAPart account. We will email you a secure link to choose a new password.</p>
            
            <form class="ownapart-auth-form needs-validation" data-auth-form="recover" noValidate="" action="/api/auth/recover" method="post"><div class="mb-3"><label class="form-label" for="auth-email">Email address</label><input id="auth-email" class="ui-input form-control form-control-lg" type="email" autoComplete="email" maxLength="254" required="" name="email"/></div><p class="auth-feedback fs-sm mb-3" role="status" aria-live="polite" data-auth-feedback="true" hidden=""></p><button class="ui-btn btn btn-lg w-100 ui-btn-primary btn-primary" type="submit">Send reset link</button></form>
            <footer class="mt-auto">
                <div class="nav mb-4">
                    <a class="nav-link text-decoration-underline p-0" href="/help-centre">Need help?</a>
                </div>
                <p class="fs-xs mb-0">
                    © OwnAPart. All rights reserved.
                </p>
            </footer>
        </div>
        
        <div class="d-none d-lg-block w-100 py-4 ms-auto" style="max-width: 1034px">
            <div class="d-flex flex-column justify-content-end h-100 bg-info-subtle rounded-5">
                <div class="ratio" style="--fn-aspect-ratio: calc(1030 / 1032 * 100%)">
                    <img alt="OwnAPart account illustration" src="/static/img/account/account-cover.png"/>
                </div>
            </div>
        </div>
    </div>
</main>

<div class="floating-buttons position-fixed top-50 end-0 z-sticky me-3 me-xl-4 pb-4">
    
</div>