:root{--background:#fff;--foreground:#171717}@media (prefers-color-scheme:dark){:root{--background:#0a0a0a;--foreground:#ededed}}html,body{max-width:100vw}body{color:var(--foreground);background:var(--background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body,*{line-height:1.5}a{color:inherit;text-decoration:none}@media (prefers-color-scheme:dark){html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}header{color:#111827;z-index:1000;background:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;gap:20px;width:100%;min-height:56px;padding:0 24px;display:flex;position:sticky;top:0;box-shadow:0 1px 2px #0f172a0a}.brandLink{align-items:center;min-height:44px;display:inline-flex}header h1{font-size:22px;line-height:1}header nav{align-items:center;gap:6px;margin-left:auto;display:flex}header nav a{color:#4b5563;border-radius:6px;padding:8px 10px;font-size:.9rem;font-weight:700}header nav a:hover{color:#111827;background:#f3f4f6}.headerProfileLink{border-radius:999px;flex:none;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}.headerProfileLink:hover,.headerProfileLink:focus-visible{background:#f3f4f6;outline:none}.headerProfileAvatar{object-fit:cover;background:#f9fafb;border:1px solid #e5e7eb;border-radius:999px;width:34px;height:34px}.siteFooter{color:#6b7280;border-top:1px solid #e5e7eb;flex-wrap:wrap;gap:12px 20px;width:min(100% - 32px,960px);margin:28px auto;padding-top:18px;font-size:.86rem;display:flex}.siteFooter a{color:#6b7280}.navPrimaryLink{color:#fff;background:#d97706;border:1px solid #d97706}.navPrimaryLink:hover{color:#fff;background:#b45309;border-color:#b45309}.offcard-clerk-card{border:1px solid #e5e7eb;box-shadow:0 18px 50px #0f172a24}.offcard-clerk-primary{background:#d97706;font-weight:700}.offcard-clerk-social{color:#374151;border-color:#d1d5db;font-weight:700}.offcard-clerk-link{color:#b45309;font-weight:700}.authPage{color:#111827;background:radial-gradient(circle at 20% 14%,#d977061f,#0000 32%),radial-gradient(circle at 84% 72%,#1665341a,#0000 26%),#f6f7f9;grid-template-columns:minmax(300px,500px) auto;justify-content:center;align-items:center;gap:clamp(36px,6vw,80px);min-height:calc(100svh - 112px);padding:clamp(36px,7vh,72px) 24px;display:grid}.authIntro{max-width:500px}.authEyebrow{color:#b45309;letter-spacing:.12em;text-transform:uppercase;margin-bottom:12px;font-size:.85rem;font-weight:700}.authIntro h1{color:#111827;max-width:460px;font-size:clamp(2.2rem,4.2vw,3.2rem);line-height:1.12}.authLead{color:#4b5563;max-width:460px;margin-top:20px;font-size:1rem;line-height:1.85}.authCardScene{height:176px;margin:28px 0 22px;position:relative}.authCard{border-radius:8px;width:106px;height:150px;position:absolute;top:10px;left:66px;box-shadow:0 14px 28px #0f172a24}.authCardBack{background:linear-gradient(135deg,#eef2ff 25%,#0000 25%) 0 0/18px 18px,linear-gradient(315deg,#dbeafe 25%,#0000 25%) 0 0/18px 18px,#fff;border:1px solid #c7d2fe;transform:translate(-48px)rotate(-10deg)}.authCardMain{color:#92400e;background:#fffaf0;border:1px solid #f3d4a5;place-items:center;font-size:1.15rem;font-weight:700;display:grid;transform:rotate(2deg)}.authCardAccent{background:radial-gradient(circle at 27px 28px,#86efac 0 14px,#0000 15px),radial-gradient(circle at 78px 114px,#fdba74 0 14px,#0000 15px),#f0fdf4;border:1px solid #bbf7d0;transform:translate(50px)rotate(11deg)}.authFeatures{flex-wrap:wrap;gap:8px;display:flex}.authFeatures span{color:#4b5563;background:#fff;border:1px solid #e5e7eb;border-radius:999px;padding:7px 12px;font-size:.84rem;font-weight:700}.authFormArea{justify-content:center;min-width:min(400px,100%);display:flex}@media (max-width:700px){header{gap:12px;min-height:auto;padding:12px 16px}header nav{width:auto;overflow-x:auto}header nav a{white-space:nowrap}.navDesktopLink{display:none}.authPage{flex-direction:column;gap:28px;min-height:calc(100svh - 116px);padding:28px 16px;display:flex}.authIntro{width:min(100%,400px)}.authIntro h1{font-size:1.9rem}.authLead{margin-top:12px;line-height:1.7}.authCardScene,.authFeatures{display:none}.authFormArea{width:100%;min-width:0}}
