.q-auth-page{color:#0f172a;background:#f7f8fb;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);min-height:100vh;display:grid}.q-auth-showcase{color:#fff;background-color:#0000;background-image:linear-gradient(135deg,#0f172ae0,#14532dc7),url(https://images.unsplash.com/photo-1557804506-669a67965ba0?auto=format&fit=crop&w=1600&q=80);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;flex-direction:column;justify-content:space-between;padding:48px;display:flex;position:relative;overflow:hidden}.q-auth-showcase:after{content:"";background-color:#0000;background-image:linear-gradient(90deg,#ffffff14 1px,#0000 1px),linear-gradient(0deg,#ffffff14 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:54px 54px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000000b8,#0000 75%);mask-image:linear-gradient(#000000b8,#0000 75%)}.q-auth-brand,.q-auth-copy,.q-auth-metrics{z-index:1;position:relative}.q-auth-brand{align-items:center;gap:12px;display:flex}.q-auth-mark{background:#fff;border-radius:14px;place-items:center;width:46px;height:46px;display:grid;overflow:hidden;box-shadow:0 14px 32px #0f172a38}.q-auth-mark img{object-fit:contain;width:42px;height:40px}.q-auth-brand-name{font-size:21px;font-weight:800;line-height:1}.q-auth-brand-tag{letter-spacing:.12em;text-transform:uppercase;color:#ffffffb3;margin-top:3px;font-size:11px}.q-auth-copy{max-width:620px}.q-auth-copy h1{letter-spacing:-.04em;margin:0 0 18px;font-size:clamp(36px,5vw,68px);line-height:.95}.q-auth-copy p{color:#ffffffc7;max-width:520px;margin:0;font-size:16px;line-height:1.65}.q-auth-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-width:640px;display:grid}.q-auth-metric{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff17;border:1px solid #ffffff29;border-radius:12px;padding:14px}.q-auth-metric strong{font-size:22px;line-height:1;display:block}.q-auth-metric span{color:#ffffffad;margin-top:6px;font-size:12px;line-height:1.35;display:block}.q-auth-panel{place-items:center;padding:28px;display:grid}.q-auth-card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;width:min(100%,430px);padding:30px;box-shadow:0 20px 48px #0f172a14}.q-auth-card h2{letter-spacing:-.03em;margin:0;font-size:26px}.q-auth-card p{color:#64748b;margin:8px 0 0;font-size:14px;line-height:1.55}.q-auth-form{flex-direction:column;gap:14px;margin-top:24px;display:flex}.q-auth-field{flex-direction:column;gap:6px;display:flex}.q-auth-field label{color:#334155;font-size:12.5px;font-weight:700}.q-auth-field input{color:#0f172a;width:100%;font:inherit;border:1px solid #cbd5e1;border-radius:10px;outline:none;padding:12px 13px;transition:border-color .15s,box-shadow .15s}.q-auth-field input:focus{border-color:#16a34a;box-shadow:0 0 0 4px #22c55e29}.q-auth-button{color:#fff;font:inherit;cursor:pointer;background:#16a34a;border:0;border-radius:10px;padding:12px 16px;font-weight:800;box-shadow:0 14px 26px #16a34a33}.q-auth-button:disabled{opacity:.65;cursor:not-allowed}.q-auth-alert{color:#991b1b;background:#fef2f2;border-radius:10px;padding:12px;font-size:13px;line-height:1.45}.q-auth-alert.is-success{color:#166534;background:#f0fdf4}.q-auth-link{color:#64748b;text-align:center;margin-top:18px;font-size:13px}.q-auth-link a{color:#15803d;font-weight:800;text-decoration:none}.q-auth-link a:hover{text-decoration:underline}@media (max-width:900px){.q-auth-page{grid-template-columns:1fr}.q-auth-showcase{min-height:360px;padding:28px}.q-auth-metrics{grid-template-columns:1fr}}