CINXE.COM
Welcome - Krystal Identity
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="robots" content="noindex"> <meta content="initial-scale=1.0, width=device-width" name="viewport"> <title>Welcome - Krystal Identity</title> <meta name="csp-nonce" content="jn6Cn4ZuCGnBlFxiMHKq4g==" /> <meta name="csrf-param" content="authenticity_token" /> <meta name="csrf-token" content="B1mstiY7NSYbUFmixs6-zrRmAJorZlrVPKfqYIRugrzHO2kNmxmY9bwLYJ3sr_p89pZX_FPkM4XZaCYgk_Xjkw" /> <link href="/favicon.svg" rel="icon" type="image/svg+xml"> <link href="/apple-touch-icon.png" rel="apple-touch-icon"> <link color="#182229" href="/safari-pinned-tab.svg" rel="mask-icon"> <link href="/site.webmanifest" rel="manifest"> <meta content="Krystal Identity" name="apple-mobile-web-app-title"> <meta content="Krystal Identity" name="application-name"> <meta content="#182229" name="msapplication-TileColor"> <meta content="#182229" name="theme-color"> <link rel="stylesheet" href="/assets/tailwind-d0bebe2e2d3c8b93172429888bf841c491affcec6fe5d81d387faa8f6c6144ac.css" data-turbo-track="reload" /> <link rel="stylesheet" href="/assets/application-9f47125294014bca3c8c935147c38768a58e3088498c92eece66fb8a3432c097.css" data-turbo-track="reload" /> <script src="/assets/application-989c26d605200d91853903c2237857114da2281417cba994837a52abda7ac159.js" data-turbo-track="reload"></script> </head> <body class="overflow-y-scroll" data-controller="modal"> <div class="lg:grid lg:grid-cols-2 lg:h-screen lg:items-stretch"> <div class="lg:flex lg:flex-col lg:items-stretch lg:justify-center lg:min-h-full relative"> <div class="py-16 lg:p-0 xl:p-0"> <div class="px-4 w-full sm:px-6 max-w-[528px] mx-auto"> <div class="space-y-8"> <div> <div class="flex justify-center mb-6"> <div class="h-12 w-12"> <svg class="block flex-shrink-0 text-primary-900 h-full w-full" aria-hidden="true"><use xlink:href="https://identity.krystal.io/assets/icons-c67eecba5bb6b5ef741db79cc4bf3fef45718d0c3889cf3fae8b4b4e44249ea7.svg#krystal"></use></svg> </div> </div> <div class="space-y-2 text-center"> <h1 class="text-primary-900 text-h-sm md:text-h-md font-semibold"> Welcome to Krystal Identity </h1> <div class="max-w-2xl mx-auto px-4"> <p class="text-gray-600"> Krystal Identity is our new single sign on platform to manage all your Krystal services from a single account. </p> </div> </div> </div> <div class="space-y-8"> <form data-action="submit->turboless_form#submit" data-controller="turboless_form" data-turbo="false" action="/login?return_to=%2Flogin" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="08UFqUXD_De5TrZWa-w20UOH2I9a9_p482uqP5y1LDUNZpNadUZnHaCl7G2vAAqGuv9D8ybvUmWUBmWZ2HlP_A" autocomplete="off" /> <div class="bg-white border border-gray-200 rounded-xl shadow-md"> <div class="h-full p-8"> <div class="space-y-6"> <div class="gap-5 grid lg:grid-cols-8"> <div class="space-y-1.5 lg:col-span-8"> <label class="block font-semibold text-gray-700 text-sm" for="email_address">E-mail address</label> <div class="flex items-stretch relative"> <input class="bg-white block border border-gray-300 flex-1 leading-5 py-[7px] peer rounded-lg shadow-sm text-base text-gray-900 w-full focus:border-primary-300 focus:outline-0 focus:ring-4 focus:ring-offset-0 focus:ring-primary-50 placeholder:text-gray-500 disabled:bg-gray-50 disabled:text-gray-500 h-10 pl-3 pr-3" autofocus="autofocus" type="email" name="email_address" id="email_address" /> </div> </div> <div class="space-y-1.5 lg:col-span-8"> <label class="block font-semibold text-gray-700 text-sm" for="password">Password</label> <div class="flex items-stretch relative"> <input class="bg-white block border border-gray-300 flex-1 leading-5 py-[7px] peer rounded-lg shadow-sm text-base text-gray-900 w-full focus:border-primary-300 focus:outline-0 focus:ring-4 focus:ring-offset-0 focus:ring-primary-50 placeholder:text-gray-500 disabled:bg-gray-50 disabled:text-gray-500 h-10 pl-3 pr-3" type="password" name="password" id="password" /> </div> </div></div> <button name="button" type="submit" class="cursor-pointer flex-grow-0 font-semibold gap-2 items-center justify-center rounded-lg shrink-0 disabled:cursor-not-allowed flex w-full border focus:outline-none px-4 py-[9px] bg-primary-900 border-primary-900 text-white hover:bg-primary-800 hover:border-primary-800 focus:ring-4 focus:ring-primary-100 disabled:bg-primary-200 disabled:border-primary-200 leading-5 text-sm" data-disable-with="Logging in…"> <span class="flex-shrink-0 pointer-events-none">Log in</span> </button> <p class="text-center text-gray-600 leading-[21px] text-sm flex flex-wrap items-center justify-center gap-x-12 gap-y-2"> <a class="cursor-pointer flex-grow-0 font-semibold gap-2 items-center justify-center rounded-lg shrink-0 disabled:cursor-not-allowed inline-flex hover:underline text-primary-700 hover:text-primary-800 disabled:text-gray-300 leading-5 text-sm" href="/signup?return_to=%2Flogin"> <span class="flex-shrink-0 pointer-events-none">Create an account</span> </a> <a class="cursor-pointer flex-grow-0 font-semibold gap-2 items-center justify-center rounded-lg shrink-0 disabled:cursor-not-allowed inline-flex hover:underline text-primary-700 hover:text-primary-800 disabled:text-gray-300 leading-5 text-sm" href="/login/reset?return_to=%2Flogin"> <span class="flex-shrink-0 pointer-events-none">Reset your password</span> </a> </p> </div> </div> </div></form> </div> <div class="flex justify-center"> <img alt="Krystal Identity" width="171" src="/assets/krystal-identity-gray-e139a565f1b69a379f9f83760b86c5a0a1779cc71a9f8dc8d31709bde5ec6a2f.svg" /> </div> </div></div></div> </div> <div class="h-full hidden relative lg:block top-0"> <img alt="" class="fixed border-gray-800 border-l h-full left-1/2 object-cover object-right top-0 w-1/2" role="presentation" src="/assets/corridor-d129a4d8f0cce6f49d03d0d84ea1dff7dc78ee37e07b039fb1ee0961a4c9454a.jpg" /> </div> </div> <turbo-frame id="modal"></turbo-frame> </body> </html>