.pub{--wall-gap: 8px}.pub-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 16px;border-radius:8px;border:1px solid var(--color-line-strong);background:var(--color-surface-raised);color:var(--color-fg);font-size:13.5px;font-weight:600;white-space:nowrap;transition:background-color .14s ease,border-color .14s ease,transform .12s var(--ease-out-quint)}.pub-btn:hover{background:var(--color-surface-hover);border-color:var(--color-fg-faint)}.pub-btn:active{transform:translateY(1px)}.pub-btn-primary{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-accent-fg);box-shadow:0 6px 16px -8px #2563ebb3}.pub-btn-primary:hover{background:var(--color-accent-hover);border-color:var(--color-accent-hover)}.pub-btn:disabled{opacity:.6;cursor:not-allowed}.pub-h1{font-family:var(--font-display);font-weight:600;letter-spacing:-.035em;line-height:1.02;text-wrap:balance}.pub-h2{font-family:var(--font-display);font-weight:600;letter-spacing:-.03em;line-height:1.08;text-wrap:balance}.wall{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--wall-gap)}.auth-field{display:flex;flex-direction:column;gap:7px}.auth-label{font-size:13px;font-weight:500;color:var(--color-fg)}.auth-input{height:44px;width:100%;padding:0 14px;border:1px solid var(--color-line-strong);border-radius:10px;background:var(--color-surface);color:var(--color-fg);font-size:14.5px;outline:none;transition:border-color .14s ease,box-shadow .14s ease}.auth-input::placeholder{color:var(--color-fg-subtle)}.auth-input:hover{border-color:var(--color-fg-faint)}.auth-input:focus{border-color:var(--color-accent-hover);box-shadow:0 0 0 4px var(--color-accent-subtle)}.auth-input[aria-invalid=true]{border-color:var(--color-status-alert)}.auth-input[aria-invalid=true]:focus{box-shadow:0 0 0 4px var(--color-status-alert-bg)}.auth-error{font-size:12.5px;color:var(--color-status-alert)}.auth-btn{display:inline-flex;height:44px;align-items:center;justify-content:center;gap:10px;border-radius:10px;font-size:14.5px;font-weight:600;transition:background-color .14s ease,border-color .14s ease,transform .12s var(--ease-out-quint),box-shadow .14s ease}.auth-btn:active:not(:disabled){transform:translateY(1px)}.auth-btn:disabled{opacity:.6;cursor:not-allowed}.auth-btn-primary{background:var(--color-accent);color:var(--color-accent-fg);box-shadow:0 1px #ffffff26 inset,0 8px 20px -10px #2563ebcc}.auth-btn-primary:hover:not(:disabled){background:var(--color-accent-hover)}.auth-btn-secondary{border:1px solid var(--color-line-strong);background:var(--color-surface);color:var(--color-fg)}.auth-btn-secondary:hover:not(:disabled){background:var(--color-surface-hover);border-color:var(--color-fg-faint)}.auth-spinner{width:16px;height:16px;border-radius:9999px;border:2px solid color-mix(in srgb,var(--color-accent-fg) 35%,transparent);border-top-color:var(--color-accent-fg);animation:auth-spin .7s linear infinite}@keyframes auth-spin{to{transform:rotate(360deg)}}