@layer theme,base;@layer components{.auth-shell{background:var(--color-bg-base);position:relative;overflow:hidden}.auth-marks{pointer-events:none;background:radial-gradient(72% 58% at 50% 46%, transparent 0%, color-mix(in srgb, var(--color-accent) 9%, transparent) 60%);position:absolute;inset:0;-webkit-mask:url(/images/logo/mark-tile.svg) 50%/160px 160px;mask:url(/images/logo/mark-tile.svg) 50%/160px 160px}.auth-content{z-index:1;position:relative}.auth-card{border-radius:var(--radius-lg);background:var(--color-bg-surface);box-shadow:var(--shadow-edge), var(--shadow-3);border:1px solid #0000;padding:2rem}.auth-trust{border:1px solid var(--color-accent-soft-strong);border-radius:var(--radius-xs);background:var(--color-accent-soft);color:var(--color-brand-fg);font-size:var(--text-xs);letter-spacing:var(--tracking-label);align-items:center;gap:.5rem;padding:.25rem .75rem;font-weight:700;display:inline-flex}.auth-trust-dot{background:var(--color-accent);border-radius:50%;width:.5rem;height:.5rem}@media (min-width:40rem){.auth-card{padding:2.5rem}}.lock-avatar{border-radius:var(--radius-xs);background:var(--color-accent-soft);width:4rem;height:4rem;color:var(--on-brand-tint);font-size:var(--text-2xl);flex-shrink:0;place-items:center;font-weight:700;display:grid}.brand-corp-mark{opacity:.85}[data-theme=dark] .brand-corp-mark{filter:brightness(0)invert();opacity:.7}}@layer utilities;