/* Reference design shared by sign-in, registration, and account recovery. */
.atelier-auth {background:radial-gradient(ellipse at 24% 66%,#e5f0ff80,transparent 48%),#f3f7fd;color:#293647;}
.atelier-auth > header {max-width:1380px;padding:24px 48px;min-block-size:0;border-color:#dce6f4;}
.atelier-auth > header .getgem-brand-logo {width:240px;}
.atelier-auth .atelier-auth-layout {max-width:1280px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,570px);gap:100px;align-items:center;margin:46px auto 0;padding:0 32px 70px;}
.atelier-auth .atelier-auth-intro {display:block;padding:30px 0 0;min-width:0;}
.atelier-auth .atelier-auth-intro .gg-eyebrow {font-size:14px;letter-spacing:.09em;font-weight:750;color:#505c69;}
.atelier-auth .atelier-auth-intro h2 {font-family:Arial,Helvetica,sans-serif;font-size:clamp(34px,3.2vw,50px);font-weight:400;line-height:1.2;letter-spacing:-.045em;margin:26px 0 24px;color:#293647;}
.atelier-auth .atelier-auth-intro > p:last-of-type {max-width:470px;font-size:20px;line-height:1.46;color:#56606c;}
.atelier-auth .atelier-auth-mark {width:112%;max-width:570px;aspect-ratio:3/2;margin:0 0 0 -6%;background:none;font-size:0;line-height:0;}
.atelier-auth .atelier-auth-mark::after {content:"";display:block;width:100%;height:100%;background:url("/assets/auth-diamond-35b3b195b9c2.png") center/contain no-repeat;}
.atelier-auth .atelier-auth-form {min-width:0;padding:30px 32px 32px;background:#fff;border:1px solid #d9e5f5;border-radius:24px;box-shadow:0 18px 48px #294f7e12;}
.atelier-auth .atelier-auth-title {font-family:Georgia,'Times New Roman',serif;font-size:40px!important;line-height:1.2;margin:0 0 28px;color:#1b2a3b;}
.atelier-auth .atelier-auth-form .text-sm {font-size:16px;}
.atelier-auth .atelier-auth-form form > .mb-4 {margin-bottom:20px;}
.atelier-auth .atelier-auth-form label.block {font-weight:600;color:#1b2a3b;}
.atelier-auth .atelier-auth-form input:not([type=checkbox]):not([type=radio]),
.atelier-auth .atelier-auth-form select,
.atelier-auth .atelier-auth-form .react-tel-input input.form-control {min-height:52px;border:1px solid #d9e5f7!important;border-radius:12px!important;background:#e9f1ff!important;color:#182c43!important;font-size:16px!important;box-shadow:none;}
.atelier-auth .atelier-auth-form input::placeholder {color:#728198;opacity:1;}
.atelier-auth .atelier-auth-form input:focus-visible,
.atelier-auth .atelier-auth-form button:focus-visible,
.atelier-auth .atelier-auth-form a:focus-visible {outline:3px solid #75b4ff;outline-offset:3px;}
.atelier-auth .atelier-auth-form input[type=checkbox] {accent-color:#0879f9;}
.atelier-auth .atelier-auth-form button[class*="bg-[#1"] {background:linear-gradient(110deg,#0961dc,#145dd2);border:1px solid #0e60da;border-radius:12px;min-height:56px;font-size:18px;}
.atelier-auth .atelier-auth-form button[class*="bg-[#1"]:hover:not(:disabled) {background:#064fc0;}
.atelier-auth .atelier-auth-form > button.bg-white {min-height:52px;border-radius:12px;}
.atelier-auth .atelier-auth-form > .flex.mb-6 {margin-bottom:28px;}
.atelier-auth .atelier-auth-form > .flex.mb-6 button {min-height:50px;font-size:16px;}
.atelier-auth .atelier-auth-form a {color:#005ce6;}
.atelier-auth .atelier-auth-form > p.text-center {margin-top:26px;}
html[data-theme=dark] .atelier-auth {background:radial-gradient(ellipse at 25% 60%,#16355b70,transparent 55%),#0e1827;color:#e3ebf7;}
html[data-theme=dark] .atelier-auth .atelier-auth-form {background:#152338;border-color:#2a405c;box-shadow:0 18px 48px #0003;}
html[data-theme=dark] .atelier-auth .atelier-auth-intro h2,
html[data-theme=dark] .atelier-auth .atelier-auth-title,
html[data-theme=dark] .atelier-auth .atelier-auth-form label.block {color:#e3ebf7;}
html[data-theme=dark] .atelier-auth .atelier-auth-intro > p {color:#b7c7db;}
html[data-theme=dark] .atelier-auth .atelier-auth-form input:not([type=checkbox]):not([type=radio]),
html[data-theme=dark] .atelier-auth .atelier-auth-form select,
html[data-theme=dark] .atelier-auth .atelier-auth-form .react-tel-input input.form-control {background:#1d304b!important;border-color:#365172!important;color:#e3ebf7!important;}
html[data-theme=dark] .atelier-auth .atelier-auth-form a {color:#8cbaff;}
@media(min-width:768px) and (max-width:1100px){.atelier-auth .atelier-auth-layout{gap:40px;padding-inline:28px;}.atelier-auth .atelier-auth-intro h2{font-size:36px;}.atelier-auth .atelier-auth-intro > p:last-of-type{font-size:17px;}.atelier-auth .atelier-auth-form{padding:28px 24px;}}
@media(max-width:767px){
 .atelier-auth > header {padding:18px 16px;gap:8px;}
 .atelier-auth > header .getgem-brand-logo {width:100%;}
 .atelier-auth > header .atelier-brand {max-width:190px;}
 .atelier-auth .atelier-auth-layout {display:block;max-width:560px;margin:28px auto 0;padding:0 16px 36px;}
 .atelier-auth .atelier-auth-intro {display:none;}
 .atelier-auth .atelier-auth-form {padding:26px 22px;border-radius:20px;}
 .atelier-auth .atelier-auth-title {font-size:34px!important;margin-bottom:24px;}
 .atelier-auth .atelier-auth-form .text-sm,.atelier-auth .atelier-auth-form > .flex.mb-6 button {font-size:14px;}
}
@media(max-width:359px){.atelier-auth > header{padding:12px;gap:6px;}.atelier-auth .atelier-auth-layout{padding-inline:10px;}.atelier-auth .atelier-auth-form{padding:22px 16px;}}
.atelier-auth .atelier-auth-intro {align-self:start;padding-top:64px;}
.atelier-auth .atelier-auth-form > h1 {text-align:start;font-size:40px!important;line-height:1.2;margin-bottom:24px;}
.atelier-auth .atelier-auth-form > h1 + p {text-align:start;}
@media(max-width:767px){.atelier-auth .atelier-auth-form > h1{font-size:34px!important;}}